<data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> <b:switch var='data:blog.locale'> <b:case value='id'/> Daha Fazla - <data:blog.title/> <b:default/> Daha Fazla - <data:blog.title/> </b:switch> <b:switch var='data:blog.locale'> <b:case value='id'/> Bu Sayfa Mevcut Değil - <data:blog.title/> <b:default/> Bu Sayfa Mevcut Değil - <data:blog.title/> </b:switch> <data:blog.pageName/> */ /*-- Reset CSS --*/ a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:none;text-decoration:none} form,textarea,input,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0} dl,ul,ul li{list-style:none}a,a:visited,abbr{text-decoration:none}dl,ul{font-weight:400}caption,th{text-align:center} h1,h2,h3,h4,h5,h6 {color: #0a2540;} img{border:none;position:relative;max-width:100%;height:auto} .clr{clear:both;float:none} .section,.widget,.widget ul{margin:0;padding:0} a{color:#222} .halaman-indeks-tag a{position:absolute;top:20px;background:$(main.color);border-radius:5px 0 5px 0;padding:2px 10px;font-size:.8rem;color:#fff;z-index:10;left:15px;overflow:visible;display:none} .halaman-indeks-tag a:first-child{display:inline-block} a img{border:0} .CSS_LIGHTBOX{z-index:999999!important} .separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important} #navbar-iframe,.feed-links,.home-link,.widget-item-control,a.quickedit{display:none!important} .center{display:table;margin:0 auto;position:relative} .widget>h2,.widget>h3{display:none}body{background:#fff url() no-repeat fixed top center;font:15px 'Manrope',Arial,sans-serif;font-weight:400;color:#336699;word-wrap:break-word;margin:0;padding:0;line-height:1.7} #header h1,#header p,#main-menu ul#main-enu-nav>li>a,.mobile-menu ul li{} .top-bar-nav,.top-bar-nav ul li{display:inline-block;text-align:right} .ui ul{list-style-type:none} #main-menu .mega-menu>ul,#main-menu ul>li>ul>li a,.blog-pager,.halaman-indeks,.item-post-wrap,.main-wrapper,.mega-menu-inner .mega-item,.post-share .share-links li,.post-share .share-links li a,.tabs ul li{box-sizing:border-box} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent} .is-homepage #sticky-wrap{box-shadow:none} .custom-css,.custom-javascript-footer{display:none} #sticky-wrap,#sticky-wrap.stickyhead{box-shadow:0 0 10px rgba(128,128,128,.14)} #main-menu .widget,#main-menu .widget>.widget-title,#sticky-wrap.stickyhead #top-bar,.accordion-body,.awesome-icon span i,.cross,.is-homepage .main-wrapper,.mobile-menu,.mobile-menu .m-sub,.owl-carousel,.owl-carousel .owl-refresh .owl-item,.static_page .sidebar-wrapper,.tabs .content section,.tabs .slider,.tabs input[name=tab-control],.tabs ul li label br,.tabs ul li label span,.top-bar-nav .widget>.widget-title,.top-bar-social .widget>.widget-title{display:none} #sticky-wrap{top:-115px;-webkit-transition:1s all ease;-moz-transition:1s all ease;transition:1s all ease} #sticky-wrap.stickyhead{position:fixed;top:0;width:100%;background:#fff;color:#fff;padding:0;z-index:999;left:0} #sticky-wrap.stickyhead .headblog img{margin-top:5px} #sticky-wrap.stickyhead #main-menu ul>li>a{color:#000} #sticky-wrap.stickyhead #main-menu ul>li>ul>li a:hover{color:#fff} .header-wrapper{position:relative;color:#fff;margin:0 auto} .headblog{position:relative;margin:0;padding:1.5625rem 0;width:100%;z-index:100;overflow:hidden} .top-bar-nav,.top-bar-social{position:relative;display:block} #header-inner{margin:8px auto;padding:0} #header h1,#header p{line-height:38px;color:#484848;padding-bottom:10px;margin:0;font-weight:400} #header h1 a,#header h1.title a:hover{color:$(main.color);text-decoration:none} #header .description{color:#6699cc;text-shadow:none;font-style:italic;font-size:13px} #top-bar{height:50px;overflow:hidden;margin:0;background-color:#0a2540} .top-bar-nav ul li>a{height:50px;display:block;color:#fff;font-size:14px;font-weight:400;line-height:50px;margin:0 10px 0 0;padding:0 5px;transition:color .17s} .top-bar-nav ul li:first-child>a{padding:0 5px 0 0} .top-bar-nav ul>li:hover>a{text-decoration:none} .top-bar-social{float:right;margin:8px 0 0} .top-bar-social ul>li{float:left;display:inline-block} .top-bar-social ul>li>a{padding:0;color:#fff;background-color:rgba(255,255,255,.15);margin:0 0 0 12px;transition:all .17s ease;display:inline-block;font-size:1.4rem;line-height:2.5rem;width:2.5rem;text-align:center;height:2.5rem;border-radius:10px} .top-bar-social ul>li:hover>a{color:#eee} .header-menu{position:relative;font-size:15px;width:100%;margin:0} .menu{background-color:#ffffff85} .header-menu .container{position:relative;margin:0 auto;padding:0} .iconsearch-label{cursor:pointer;position:relative;color:#fff;z-index:99;float:right;line-height:40px;padding:0;font-size:13px;} .iconsearch-label i{line-height:40px;cursor:pointer;height:40px;border-radius:10px;text-align:center;width:40px;position:relative;color:#fff;z-index:99;float:right;font-weight:300;background-color:$(main.color);font-size:15px} .iconsearch-label span{margin:0 10px} div#searchcontainer{position:fixed;width:100%;height:100%;z-index:999999;display:block;background:#fff;left:-100%;top:0;opacity:0;cursor:pointer;text-align:center;-webkit-transform:scale(0.9) translate3d(0,-50px,0);transform:scale(0.9) translate3d(0,-50px,0);-webkit-transition:-webkit-transform .3s,opacity .3s,left 0 .3s;-webkit-transition:opacity .3s,left 0 .3s,-webkit-transform .3s;transition:opacity .3s,left 0 .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s,left 0 .3s;transition:transform .3s,opacity .3s,left 0 .3s,-webkit-transform .3s} div#searchcontainer form{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} div#searchcontainer form input[type=text]{width:40%;top:0;left:0;z-index:10;padding:0;font-weight:800;border:0;outline:0;font-size:2.75rem;background:none;color:#0a2540;text-align:left} div#searchcontainer form input::-webkit-input-placeholder{color:$(main.color)} div#searchcontainer form input::-moz-placeholder{color:$(main.color)} div#searchcontainer form input::placeholder{color:$(main.color)} div#searchcontainer form input:-ms-input-placeholder{color:$(main.color)} div#searchcontainer form input::-ms-input-placeholder{color:$(main.color)} div#searchcontainer.opensearch{left:0;opacity:1;-webkit-transform:scale(1) translate3d(0,0,0);transform:scale(1) translate3d(0,0,0);-webkit-transition:-webkit-transform .3s,opacity .3s,left 0 0;-webkit-transition:opacity .3s,left 0 0,-webkit-transform .3s;transition:opacity .3s,left 0 0,-webkit-transform .3s;transition:transform .3s,opacity .3s,left 0 0;transition:transform .3s,opacity .3s,left 0 0,-webkit-transform .3s} div#searchcontainer.opensearch form{opacity:1;-webkit-transform:scale(1) translate3d(0,0,0);-webkit-transition:all .4s ease-in;transition:all .4s ease-in} #main-menu .show-menu{display:block} #main-menu{position:relative;height:65px;z-index:15} #main-menu ul>li{display:inline-block;position:relative;margin:0;padding:0;transition:background .17s} #main-menu ul>li>a,.post-body a{transition:color .17s ease} #main-menu ul>li>a{position:relative;color:#000000;font-size:16px;font-weight:600;line-height:65px;display:inline-block;margin:0;padding:0 20px} #main-menu ul ul,#main-menu ul>li>ul>li,#main-menu ul>li>ul>li a{transition:all .17s ease} #main-menu ul>li:hover>a,.top-bar-nav ul li:hover>a,.recent-boxes h2.recent-title:hover,.top-bar-social ul>li:hover>a{color:$(main.color)} #main-menu ul>li>ul{position:absolute;float:left;left:0;top:65px;width:200px;background-color:#fff;z-index:99999;margin:0;padding:0;box-shadow:0 3px 5px rgba(0,0,0,.2);visibility:hidden;opacity:0} #main-menu ul>li>ul>li>ul{position:absolute;float:left;top:0;left:100%;margin:0} #main-menu ul>li>ul>li{display:block;float:none;position:relative} #main-menu ul>li>ul>li a{display:block;font-size:14px;color:#222;font-weight:400;line-height:36px;margin:0;padding:6px 15px} #main-menu ul>li>ul>li a:hover{background-color:$(main.color);color:#fff} #main-menu ul>li>ul>li:last-child a{border-bottom:0} #main-menu ul>li.has-sub>a:after{content:'\f107';float:right;font-family:'Font Awesome 5 Pro';font-size:14px;font-weight:400;margin:2px 0 0 8px} #main-menu ul>li>ul>li.has-sub>a:after{content:'\f105';float:right;margin:0} #main-menu .mega-menu{position:static!important} #main-menu .mega-menu>ul{width:100%;padding:20px 10px} #main-menu .mega-menu>ul.mega-menu-inner{overflow:hidden} #main-menu ul>li:hover>ul,#main-menu ul>li>ul>li:hover>ul{visibility:visible;opacity:1} .mega-menu-inner .mega-item{float:left;width:20%;padding:0 10px} .mega-menu-inner .mega-content{position:relative;width:100%;overflow:hidden;padding:0} .mega-content .post-image-wrap{width:100%;height:190px;overflow:hidden} .mega-content .post-image-link{width:100%;height:100%;z-index:1;display:block;position:relative;overflow:hidden} .mega-content .post-title{position:relative;font-size:14px;font-weight:700;margin:10px 0 5px} .mega-content .post-title a{display:block;color:#222;transition:color .17s} .mega-content:hover .post-title a{color:#34bd5c} .meta-price{color:#6699cc;font-size:12px;font-weight:700} .no-posts{float:left;width:100%;height:100px;line-height:100px;text-align:center} .mega-menu .no-posts{line-height:60px;color:#222} .slide-menu-toggle{display:block;position:absolute;line-height:42px;height:42px;width:42px;top:0;left:0;font-family:FontAwesome;color:#fff;font-size:17px;font-weight:400;text-align:left;cursor:pointer;z-index:4;padding:0} .slide-menu-toggle:before{content:"\f0c9"} .nav-active .slide-menu-toggle:before{content:"\f00d"} .mobile-menu{position:relative} .mobile-menu>ul{margin:0} .mobile-menu .m-sub{padding:0} .mobile-menu ul li { position: relative; display: block; overflow: hidden; float: left; width: 100%; font-size: 14px; font-weight: 600; line-height: 38px; margin: 0; padding: 5px 0; border-top: 1px solid #0c0c0c; border-bottom: 1px solid #282828; } .mobile-menu>ul li ul{overflow:hidden} .mobile-menu>ul>li:first-child{border-top:0} .mobile-menu ul li a{color:#fff;padding:0;display:block;transition:all .17s ease} .mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;right:0;color:#eee;cursor:pointer} .mobile-menu ul li.has-sub .submenu-toggle:after{content:'\f105';font-family:'Font Awesome 5 Pro';font-weight:400;float:right;width:34px;font-size:16px;text-align:center;transition:all .17s ease} .mobile-menu ul li.has-sub.show>.submenu-toggle:after{transform:rotate(90deg)} .mobile-menu>ul>li>ul>li:last-child{border-bottom:0} .mobile-menu>ul>li>ul>li a{font-size:13px;text-transform:initial;font-weight:400} .mobile-menu>ul>li>ul>li>a{color:#eee;opacity:.7;padding:0 0 0 15px} .mobile-menu>ul>li>ul>li>ul>li{border-color:rgba(255,255,255,.02)} .mobile-menu>ul>li>ul>li>ul>li>a{color:#fff;opacity:.7;padding:0 0 0 30px} .mobile-menu ul li a:hover,.mobile-menu ul>li>.submenu-toggle:hover{color:$(main.color)} .chiller-theme{background:none} .is-homepage .main-header{position:absolute;top:0;z-index:1000;background:transparent} .main-header{width:100%;color:#fff;position:relative;background:#333333} #section-1{height:100%;color:#fff;overflow:hidden} #section-1 .owl-carousel{position:relative;width:100%;height:100%;overflow:hidden} #section-1 .owl-carousel .slider .banner{position:absolute;top:0;left:0;opacity:0;z-index:0;width:inherit;height:inherit;text-align:center;background-repeat:no-repeat;background-position:50% 50%;transition:all .5s ease} .banner-inner-wrapper{z-index:1;height:100%;position:relative;padding-top:18rem;text-align:center;box-sizing:border-box} .banner:before{content:"";background-color:#080808;position:absolute;left:0;right:0;bottom:0;top:0;opacity:.6;z-index:1} .inner-wrapper{max-width:50%;margin:5rem auto;text-align:center} .banner-inner-wrapper h2{font-size:3.375rem;color:#fff;font-weight:400;margin:0;text-transform:none} .colorange{color:$(main.color)!important} .box00{overflow:hidden;position:relative} .padding{padding:2rem 0} .fl00{float:left} .fl02{float:right} .bmleft{width:615px} .bmright{width:585px} h2.bm01,#between h3{font-size:2.2rem;line-height:1.2em;margin:0;font-weight:700} #between h3{color:#fff;text-align:center} .bm{margin:0 auto} p.bm01{font-size:1rem;line-height:1.8rem} .left,.right{width:50%} .btm{margin-bottom:20px} .ser001{margin-bottom:15px;padding-right:25px} .ser001 i{font-size:3.5rem;line-height:initial;position:relative;float:left;color:$(main.color);margin-right:15px} .ser001 h3{font-size:1.1rem;font-weight:initial;line-height:1.7rem} .about-image>span{left:70%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:3.8rem;top:auto;right:auto;position:absolute;color:#fff;text-align:center;font-weight:600;font-size:25px;line-height:1.5rem;z-index:1;height:4.5rem;width:6.5rem;padding:2rem 1rem .4rem 1rem;-webkit-border-radius:44% 56% 47% 53%/30% 47% 53% 70%;border-radius:44% 56% 47% 53%/30% 47% 53% 70%;background-color:$(main.color)} .about-image span:before{content:"";border:2px dashed $(main.color);position:absolute;left:-1.25rem;right:-1.25rem;top:-1.25rem;bottom:-1.25rem;z-index:-1;-webkit-border-radius:50%;border-radius:50%;border-color:$(main.color)} .about-image{position:relative;float:right} h3.mb{font-size:1.1rem;font-weight:600;line-height:1.7rem;margin:0} p.mb{font-weight:400;font-style:normal;color:#0057b8;font-size:13px} .bgorange{background-color:$(main.color)} .bgrey{background-color:#f9f9f9} .black{background-color:#888} .grey{background-color:#FFFFFF} .box-counter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap} .counter{padding:0 30px 0 0;-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%;max-width:25%;-webkit-box-sizing:border-box;box-sizing:border-box} .counter:nth-of-type(4n+0){padding-right:0} .counter .counter-timer{font-weight:400;font-size:54px} .counter .counter-title{letter-spacing:1.5px;font-weight:400;font-size:18px} .counter #percent::after{content:"";font-size:35px;font-weight:600} h5.counter-number{font-size:3.5rem;font-weight:400;line-height:1} h5.counter-number,.counter h5.counter-title{margin:0} #subfooter h3,#vwrap h3{display:none} h5.counter-number sup{font-size:2.25rem;font-weight:400;line-height:1;margin-left:-10px;vertical-align:top} .ser002{display:table-cell} #accord h3{font-size:35px;margin:0} .bmcarousel{height:100%;overflow:hidden} .bmcarousel .owl-item{width:100%} .slider-item{height:70vh;width:100%;position:relative;display:block;overflow:hidden} @media (min-width: 1200px) and (max-width: 1399px){ .slider-item{ height:68vh; } } @media (min-width: 992px) and (max-width: 1199px){ .slider-item{ height:64vh; } } @media (min-width: 768px) and (max-width: 991px){ .slider-item{ height:60vh; } } .slider-item .box-image{top:0;height:100%;position:absolute;width:100%;display:block;-webkit-transition:all 2s cubic-bezier(0.7,0,0.3,1);-ms-transition:all 2s cubic-bezier(0.7,0,0.3,1);-o-transition:all 2s cubic-bezier(0.7,0,0.3,1);transition:all 2s cubic-bezier(0.7,0,0.3,1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .position-absolute{position:absolute} .slider-item .box-image:after{content:"";background-color:#0057b8;opacity:.3;transition:background .3s,border-radius .3s,opacity .3s;position:absolute;left:0;right:0;bottom:0;top:0;z-index:-1} .slider-item .bm-content{width:60%;position:relative;right:0;margin:0 auto;left:0;padding-top:22rem;text-align:center;z-index:2;box-sizing:border-box} .slider-item .carousel-content p{display:block;font-size:15px;line-height:1.3em;color:#e7e6e6;margin:0;padding:0;font-weight:400} .slider-item h3.recent-title{margin:0;font-size:3.4375rem;color:#fff;font-weight:400 text-shadow:0 2px 6px rgba(0,0,0,0.6); } .feat-item{padding-top:12rem} #slider01,#slider02,#slider03,#slider04,#slider05,#slider06{background-size:cover;background-position:center center;background-repeat:no-repeat} #slider01{background-image:url(https://i.hizliresim.com/w168vy8.jpg)} #slider02{background-image:url(https://i.hizliresim.com/w168vy8.jpg)} #slider03{background-image:url(https://i.hizliresim.com/w168vy8.jpg)} #slider04{background-image:url(https://i.hizliresim.com/w168vy8.jpg)} #slider05{background-image:url(https://i.hizliresim.com/w168vy8.jpg)} #slider06{background-image:url(https://i.hizliresim.com/w168vy8.jpg)} .box003{background:#f9f9f9} .sec-title-inner{max-width:45%;margin:0 auto} .text-center{text-align:center} span.orange{font-size:1rem;letter-spacing:.6px;font-weight:600;position:relative;display:inline-block!important;padding:0 40px;margin-bottom:10px} .orange{color:$(main.color)} span.orange:before,span.orange:after{position:absolute;content:"";width:25px;height:2px;border:1px solid $(main.color);border-radius:1px;top:50%;transform:translateY(-50%);right:0} span.orange:before{left:0} .box001{height:320px} .margin-top{margin-top:-20rem} .content-multisite{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-top:2.8125rem} .content-post{padding:0 30px 0 0;-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%;max-width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 30px} .content-post:nth-of-type(4n+0){padding-right:0} .serv-box{background:#fff;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear} .box-inner{padding:40px 20px 0;overflow:hidden;-webkit-box-shadow:0 16px 32px 0 rgba(32,85,125,0.06);box-shadow:0 16px 32px 0 rgba(32,85,125,0.06)} .box-inner i{font-size:4.375rem;display:inline-block;color:$(main.color);line-height:4.375rem} .box-inner h3.m0{font-size:1.2rem;line-height:1.7rem;font-weight:500} .serv-box span.m0{padding:1.25rem 0;display:block} .serv-box span.m0 i{color:$(main.color)} .content-post .serv-box:hover,.content-active{background-color:$(main.color)} .content-post .serv-box:hover,.content-post .serv-box:hover p.m0,.content-post .serv-box:hover .box-inner h3.m0 a,.content-post .serv-box:hover .box-inner i,.content-active,.content-active .box-inner i,.content-active .box-inner h3.m0 a,.content-active span.m0 i{color:#fff} .subheading{color:#d8d8d8} .solution{position:relative;margin-bottom:30px} .solution h2.mb{font-size:2.2rem;position:relative;margin:0;padding-left:3rem;font-weight:600} .solution p.mb{padding-left:3rem;font-size:1.05rem;margin:0} .solution h2.mb i{color:#fff;position:absolute;height:3rem;width:3rem;font-size:.875rem;font-weight:600;text-align:center;font-style:normal;-webkit-border-radius:10px;border-radius:10px;padding:4px;bottom:0rem;left:0} .solution h2.mb i::before,.solution h2.mb i::after{content:"";background-color:$(main.color);position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);-webkit-border-radius:inherit;border-radius:inherit} .solution h2.mb i::after{-webkit-transform:rotate(153deg);-ms-transform:rotate(153deg);-o-transform:rotate(153deg);transform:rotate(153deg)} .solutions-content h3.mb{font-size:1.7rem;font-weight:600;margin:0} .solutions-list li{padding:1.5625rem 0 .75rem 2.5rem;position:relative;border-bottom:1px dotted #ecedef} .solutions-list h4{font-size:1rem;font-weight:500;margin:0} .solutions-list li.active i{background-color:$(main.color)!important} .solutions-list{position:relative;padding:0 20px!important;-webkit-box-shadow:0 16px 32px 0 rgba(32,85,125,0.06);box-shadow:0 16px 32px 0 rgba(32,85,125,0.06)} .solutions-list li:last-child{border-bottom:0} .solutions-list li.active i{background-color:$(main.color)!important} .solutions-list li.active i{color:#fff;background:$(main.color)} .solutions-list li i{position:absolute;left:0;top:1.5625rem;height:1.5625rem;width:1.5625rem;line-height:1.5625rem;font-family:Open Sans;font-size:1.125rem;font-weight:600;background-color:#ecedef;text-align:center} .solutions-list li:hover i{background-color:$(main.color);color:#fff} .d-block{display:block;line-height:1;font-style:normal;font-size:.875rem;font-weight:400;margin-top:4px} .video-content{margin:0 auto;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoe8PmQSrRhADEHcNXcOo7-IedlZFTLksMekIdRnFgFulztkGLeDuJ9pnLPKTMHZoWBPGzJ3O3s1pY-lXXBGTKlnVjWu34XPewa2YbevyRXGMSrp5QLn4szF4JTbMRk-TaP9_pBx-AD_EGmJ3PvLh8z6HxONhKH6sbKJ7SJr5dsqrtM-HrMBqgY_7F/s16000/videoplayer.jpg) center no-repeat;background-origin:initial;background-clip:initial;background-size:cover;z-index:1;padding:0;overflow:hidden;position:relative;height:430px;max-width:100%;width:95%;float:left} .js-modal{position:absolute;left:50%;top:50%;line-height:6.4375rem;width:6.4375rem;height:6.4375rem;text-align:center;font-size:1.25rem;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .video-content .bg-opacity{background-color:rgb(0 0 0 / 34%);height:100%} a.white{background-color:#fff;color:$(main.color);background-image:none} a.white,a.white .ripple:after,a.white .ripple:before,a.white .ripple{height:100px;width:100px;line-height:100px} .b001{margin-bottom:2rem} .monialimg{float:left;margin-right:30px} .warpmonial{overflow:hidden;text-align:left!important} .warpmonial h4{margin:0;font-size:1.3rem;font-weight:600} .warpmonial small{display:block;color:#ffa800;font-size:23px} h3.titlewidget,.recent-projects h3{font-size:2.1rem;margin:0} .bg{background-color:#0a2540} .width-inner{max-width:70%;margin:0 auto} .white{color:#fff} #RecentNew h3{font-size:2.1rem;margin:0} .thm-btn{display:inline-block;color:#fff;position:relative;z-index:1;font-size:1rem;font-family:Arial;font-weight:600;padding:1.05rem 2.8rem;overflow:hidden;vertical-align:middle} .thm-bg{background-color:$(main.color)} .thm-btn:before{content:"";position:absolute;left:0;top:0;z-index:-1;background-color:#000;opacity:.05;-webkit-transform:translate(-30%,-120%) rotate(-55deg);-ms-transform:translate(-30%,-120%) rotate(-55deg);-o-transform:translate(-30%,-120%) rotate(-55deg);transform:translate(-30%,-120%) rotate(-55deg);width:180%;height:180%} .w-100{width:100%} .thm-btn i{margin-left:10px} .padding-bottom{padding-bottom:1rem} .wrappersub{padding:0rem 0;background:#0057b8;overflow:hidden;position:relative} .bg-color1{background-color:#121a37} .subcontent{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} .between{-ms-flex-pack:justify!important;justify-content:space-between!important} .items-center{-ms-flex-align:center!important;align-items:center!important} .subtext{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .subtext h2{font-size:1.5rem;color:#fff;margin:0;} .recent-warpper{padding:5% 0 15%;overflow:hidden;position:relative} .recent-boxes{position:relative;margin-bottom:4rem;overflow:hidden} .recent-boxes h2.recent-title{color:#000;font-size:1.15rem;line-height:1.75rem;font-weight:500 text-shadow:0 2px 6px rgba(0,0,0,0.6); } ul.navi li{display:inline-block;line-height:50px} ul.navi li:not(:first-child){margin-left:4.0625rem} ul.navi li i{margin-right:10px;vertical-align:middle} ul.navi li a{color:#fff!important} .header-box,.top-map{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;padding:0} .header-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;padding:1.5rem 0} .tbx{padding:0;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;max-width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0} .header-drive,.top-bar-social{margin:8px auto!important;position:relative;display:block;flex:inherit} .subheader{padding:0;-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%;max-width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0} .header-drive{padding-left:2.9rem} .header-drive i{font-size:2.5rem;position:absolute;left:0;top:3px} .header-drive span{display:block;color:#eee;font-size:.875rem} .header-drive strong{font-size:1.125rem;color:#fff;font-weight:600} .header-widget{width:185px;float:left} .get-quote{float:right!important} .get-quote a{display:block!important;font-size:.875rem!important;padding:0 2rem!important;background-color:$(main.color);position:relative!important;z-index:1;overflow:hidden;font-weight:300!important} .wrapsearch{margin:12px 0;} .get-quote a span{padding:0 1rem!important} .get-quote a:hover{background-color:#008000} #sticky-wrap.stickyhead .get-quote a,.get-quote a:hover{color:#fff!important} .searchbox{width:100%;position:absolute;top:40%;margin:0 auto;left:0;right:0} #need h3{font-size:45px;color:$(main.color);font-weight:800;letter-spacing:-2px;line-height:1.1;margin:0;position:relative;z-index:9} .experience{background:#fff;position:relative;z-index:1;padding:43px 20px 0 0} .experience{border-color:$(main.color)} .experience h2{font-size:80px;letter-spacing:-6px;color:$(main.color);margin:0;line-height:1.1;font-weight:bold;position:absolute;top:20px;left:0;z-index:10} .experience i{position:absolute;right:20px;top:20px;font-size:60px;color:#f4f4f4;z-index:5} .experience .experience-text{padding-left:110px} .experience .experience-text h4{font-size:16px;line-height:1;font-weight:bold;margin:0} .experience .experience-text h3{font-size:40px;line-height:1;font-weight:bold;margin:0} .experience h2 span{font-size:16px} .carousel-item:hover .recent-boxes h2.recent-title a{color:$(main.color)} #breadcrumb .delimiter:after,.YouTubePopUp-Close:before,.accordion__item .accordion-header:after,.owl-next,.owl-prev,.post-share .social a:before{font-family:"Font Awesome 5 Pro"} .owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut{0{opacity:1} 100%{opacity:0}} @keyframes fadeOut{0{opacity:1} 100%{opacity:0}} .owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out} .owl-carousel{width:100%;position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto} .owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .no-js .owl-carousel{display:block} .owl-carousel .owl-next,.owl-carousel .owl-prev{top:50%;background-color:rgb(255 255 255 / 8%);position:absolute;z-index:1;line-height:5.625rem;height:5.625rem;font-weight:300;width:5.625rem;-webkit-border-radius:50%;border-radius:100%;color:#fff;font-size:2rem;display:block;padding:0;text-align:center;overflow:hidden;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease} .owl-carousel .owl-next, .owl-carousel .owl-prev { display: none !important; } .owl-carousel .owl-prev{left:3.125rem} .owl-carousel .owl-next{right:3.125rem} .recent-boxes .owl-next,.recent-boxes .owl-prev{top:-6rem} .carousel-item,.carousel-item .box-image{position:relative;width:100%;display:block;background:#f8f8f9} .owl-prev{left:0} .bmcarousel .owl-prev:before{content:"\f053"} .bmcarousel .owl-next:before{content:"\f054"} .owl-prev:before{content:"\f177"} .owl-next:before{content:"\f178"} .footer-box .footer li a::before{content:"\f054"} .owl-next{right:0} .owl-next:hover,.owl-prev:hover{background-color:rgb(255 94 21 / 26%)} .owl-dots{position:absolute;bottom:1rem;width:100%;left:0;right:0;margin:auto;text-align:center} .boxtestimonial .owl-dots{bottom:0} .owl-dot { width: 42px !important; height: 6px !important; background: rgba(255,255,255,0.3) !important; border-radius: 3px !important; margin: 0 5px !important; display: inline-block; transition: all 0.3s ease; } .owl-dot.active { width: 26px !important; background: #0057b8 !important; } .owl-dot:hover{background:$(main.color))} .main-carousel{margin-top:2rem} .main-carousel .owl-item{width:100%} .recent-projects .carousel-item{overflow:initial;border:none;-webkit-transition:all .3s linear;transition:all .3s linear} .recent-projects h3{color:#fff;margin:0} #solutions-wrap h3{font-size:1.7rem;font-weight:600;margin:0} .recent-projects .carousel-item:hover .carousel-content{background-color:$(main.color)} .recent-projects .carousel-item:hover .recent-title a,.recent-projects .carousel-item:hover .carousel-tag a{color:#fff} .accordion__item{border-bottom:1px dotted #ecedef} .carousel-img,.carousel-item .box-image{height:220px;position:relative;overflow:hidden} .recent-projects .carousel-img,.recent-projects .carousel-item .box-image{height:300px;position:relative;overflow:hidden} .recent-projects .carousel-img,.recent-projects .carousel-item .box-image{margin-top:2rem} .recent-projects .carousel-item .carousel-content h2.recent-title{margin:0 30px 0 0 text-shadow:0 2px 6px rgba(0,0,0,0.6); } .recent-projects .carousel-item .carousel-content{position:absolute;padding:20px;top:-55px;-webkit-transition:1s all ease;-moz-transition:1s all ease;transition:1s all ease;display:-webkit-inline-box;left:0rem;right:0;-webkit-box-shadow:0 3px 7px rgba(0,0,0,.1);-ms-box-shadow:0 3px 7px rgba(0,0,0,.1);-o-box-shadow:0 3px 7px rgba(0,0,0,.1);box-shadow:0 3px 7px rgba(0,0,0,.1);background-color:#fff;z-index:10} .recent-projects .owl-next,.recent-projects .owl-prev{top:-77px} .main-carousel .owl-prev{right:60px;left:initial} .main-carousel .owl-next{left:initial;right:0} .recent-projects .carousel-tag a{display:inline-block;color:$(main.color);height:45px;line-height:45px;padding:0;font-size:30px;} .recent-boxes .carousel-tag a{position:absolute;top:20px;background:$(main.color);border-radius:5px 0 5px 0;padding:2px 10px;font-size:.8rem;color:#fff;left:15px;overflow:visible} .recent-projects .icon:before{font-family:"Font Awesome 5 Pro";font-weight:400;font-style:normal;line-height:1;padding-right:4px} a.City:before{content:"\f64f"} a.George:before{content:"\f664"} a.Card:before{content:"\f74f"} a.Material:before{content:"\f85f"} a.Moovit:before{content:"\f2cc"} .carousel-item .carousel-content h2.recent-title{margin:15px 0 text-shadow:0 2px 6px rgba(0,0,0,0.6); } .carousel-content{margin-top:1.4375rem;font-size:.8rem;color:#777;padding:10px 25px 0 25px} .carousel-content span{margin-top:1.4375rem;padding:10px 15px 0 25px} .carousel-content span:not(:first-child){border-left:1px solid #d7d7d7;padding:0 18px} .carousel-content span a{color:#777} .recent-boxes .recent-author{border-top:1px solid #f8f8f8;border-bottom:1px solid #f8f8f8;display:block;width:auto;justify-content:space-between;padding:.75rem 0;background:#fcfcfc} .recent-tag{position:absolute;bottom:20px;border-radius:2px;padding:5px 10px;left:20px;background:$(main.color)} .recent-tag a{font-size:13px;font-weight:500} .recent-author::before,.recent-date:before,.recent-tag:before{font-family:"font Awesome 5 Pro";margin-right:5px;font-size:16px;font-weight:300;vertical-align:middle} .recent-author::before,.recent-date:before{color:$(main.color)} .recent-tag:before{color:#222;content:"\f4d6"} .recent-author::before{content:"\f08e"} .recent-date:before{content:"\f073"} .recent-read:before{content:"\f08e";font-family:"font Awesome 5 Pro";margin-right:5px;font-size:16px;color:$(main.color);font-weight:300;vertical-align:middle} .halaman-indeks .post-info h2{color:#000;font-size:16px;font-weight:600;line-height:1.5em;text-decoration:none;margin:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .recent-projects .carousel-item .recent-title a{font-size:16px;font-weight:600;line-height:1.5em;text-decoration:none;margin:0 0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .carousel-item .recent-title a:hover,.halaman-indeks .post-info h2 a:hover,a.more-link:hover{text-decoration:none} .main-carousel .owl-next,.main-carousel .owl-prev{margin-right:5px;width:40px;height:40px;color:#000;background:#fff;font-size:19px;line-height:40px;-webkit-box-shadow:0 3px 7px rgba(0,0,0,.1);-ms-box-shadow:0 3px 7px rgba(0,0,0,.1);-o-box-shadow:0 3px 7px rgba(0,0,0,.1);box-shadow:0 3px 7px rgba(0,0,0,.1)} .accordion{font-size:1rem;-webkit-box-shadow:0 16px 32px 0 rgba(32,85,125,0.06);box-shadow:0 16px 32px 0 rgba(32,85,125,0.06);margin:10px auto 0;padding:20px} .accordion__item:last-child{border-bottom:0} .accordion-header{padding:0;color:#0a2540;cursor:pointer;font-size:1rem;font-weight:500;-ms-transition:all .3s linear;transition:all .3s linear} .accordion-body__contents{padding:20px 0;font-size:16px;color:#717171;display:table-cell;line-height:2;font-weight:400} .accordion__item .accordion__item .accordion-header{background:#fff;color:#021f2d;padding:10px 20px;font-size:14px} .accordion__item.active:last-child .accordion-header{border-radius:0} .accordion:first-child .accordion__item .accordion-header{border-bottom:1px solid transparent} .accordion__item .accordion-header:after{content:"\f067";float:left;position:relative;transition:.3s all;transform:rotate(0);font-weight:400;height:30px;width:30px;margin-right:14px;line-height:30px;background:#0057b8;text-align:center;font-size:13px;color:#FFFFFF;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%} .accordion__item.active>.accordion-header:after{content:"\f068";font-family:"Font Awesome 5 Pro";transform:rotate(-180deg)} .accordion__item{background:#fff;display:block;overflow:hidden;font-weight:500;color:#1a1b1e;padding:13px 0;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;margin-bottom:5px;-ms-transition:all .3s linear;transition:all .3s linear} .boxwrap-left{float:left} .boxwrap-right{float:right} .boxwrap-left,.boxwrap-right{width:48%} .boxwrap-text h3{font-size:2.1rem;margin:0} .boxwrap-text p{font-size:15px} .boxwrap-text h2{font-size:45px;font-weight:800;line-height:1;margin:10px 0} .boxwrap-text h2 span{color:$(main.color)} .boxwrap-icon{margin:30px 0;display:inline-block} .boxwrap-number{float:left;width:27%;margin-right:31px} .boxwrap-number h4{margin:0;line-height:1;font-size:70px;font-weight:700} .boxwrap-number h4::after{content:'';display:inline-block;margin-left:2px;width:8px;height:8px;background:#0057b8} .boxwrap-number p{margin:0;font-size:15px} .center-text{text-align:center} .center-text h2{font-size:2rem} .overlay{position:fixed;left:0;right:0;top:0;bottom:0;display:none} .overlay.active,div#searchcontainer.opensearch{cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9_ZCsWozkVrGnhjxQpx-LKfUXN6JgkXxElK5NWoI8wvJqbCKVGchNRuOC3dVTNUKkJ6FqzYNQqzlhaSAxRtGB6Sz0tq4mYwnPUbqKqG_CdWjAS6J5NIL8go1AY22IP2qtVflDLtOEkDzW/s1600/cross-out.png),pointer} .overlay.active{z-index:999;background:rgba(0,0,0,0.79);display:block} .box-left p{font-size:16px;line-height:1.5em} .box-left{float:left;width:45%;color:#fff} .box-right{float:right;width:50%;margin-top:-5%} .box-right img{width:100%;height:auto} .boxwrap-left h5{margin:0;font-weight:500;font-size:17px} .YouTubePopUp-Wrap{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.8);top:0;left:0;z-index:9999999999999} .YouTubePopUp-animation{opacity:0;animation-name:YouTubePopUp} @-webkit-keyframes YouTubePopUp{0{opacity:0} 100%{opacity:1}} @keyframes YouTubePopUp{0{opacity:0} 100%{opacity:1}} .YouTubePopUp-Content{max-width:800px;display:block;margin:0 auto;height:100%;position:relative} .YouTubePopUp-Content iframe{max-width:100%!important;width:100%!important;display:block!important;height:500px!important;border:none!important;position:absolute;top:0;bottom:0;margin:auto 0} .YouTubePopUp-Hide{animation-name:YouTubePopUpHide} @-webkit-keyframes YouTubePopUpHide{0{opacity:1} 100%{opacity:0}} @keyframes YouTubePopUpHide{0{opacity:1} 100%{opacity:0}} .YouTubePopUp-Close{position:absolute;top:0;cursor:pointer;bottom:500px;z-index:10;right:-13px;margin:auto 0;width:24px;color:#fff;height:24px;background:#222;border:2px solid #fff;border-radius:50px;line-height:24px;text-align:center} .YouTubePopUp-Close:hover{opacity:.5} .YouTubePopUp-Close:before{content:'\f00d'} .wpbtn{padding:30px 0;clear:both;display:block;position:relative;margin:0 auto} .js-modal-video,.js-modal-video .overlay-box span{display:inline-block;height:60px;width:60px;text-align:center} .wpbtn a.btn-wite{background:#fff;padding:17px 50px;border-radius:50px} .wpbtn a{margin-right:20px} .js-modal-video{position:relative;font-size:18px;border-radius:50px;line-height:60px;margin-right:40px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;background:rgb(178 180 193 / 27%)} a.js-modal-video{color:#fff} .js-modal-video .overlay-box span{position:absolute;left:50%;top:50%;z-index:99;color:#fff;font-weight:600;font-size:16px;border-radius:50%;padding-left:7px;background-color:#fff;margin-top:-30px;margin-left:-30px;transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;-ms-transition:all .9s ease;-o-transition:all .9s ease;-webkit-box-shadow:0 0 30px rgba(0,0,0,.1);-moz-box-shadow:0 0 30px rgba(0,0,0,.1);box-shadow:0 0 30px rgba(0,0,0,.1)} .js-modal-video .ripple,.js-modal-video .ripple:after,.js-modal-video .ripple:before{position:absolute;top:50%;left:50%;height:60px;width:60px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 0 0 rgba(255,255,255,.4);-moz-box-shadow:0 0 0 0 rgba(255,255,255,.4);-ms-box-shadow:0 0 0 0 rgba(255,255,255,.4);-o-box-shadow:0 0 0 0 rgba(255,255,255,.4);box-shadow:0 0 0 0 rgba(255,255,255,.4);-webkit-animation:ripple 3s infinite;-moz-animation:ripple 3s infinite;-ms-animation:ripple 3s infinite;-o-animation:ripple 3s infinite;animation:ripple 3s infinite} .js-modal-video .ripple:before{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;-ms-animation-delay:.9s;-o-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute} .js-modal-video .ripple:after{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;content:"";position:absolute} @-webkit-keyframes ripple{70%{box-shadow:0 0 0 20px rgba(255,255,255,0)} 100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}} @keyframes ripple{70%{box-shadow:0 0 0 20px rgba(255,255,255,0)} 100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}} #outer-wrapper,.menu-wrapper{max-width:1200px;margin:0 auto} .item-post .post-body img,.widget iframe,.widget img{max-width:100%} #content-wrapper{margin:0 auto;display:block} .is-post #content-wrapper{display:inline-flex;margin:10px 0} .static_page #content-wrapper{display:block} #content-wrapper>.container{margin:0 -15px} .main-wrapper{float:left;overflow:hidden;width:100%;word-wrap:break-word;padding:0 15px;margin:3% 0} .is-post .main-wrapper{width:70%;padding:0 15px;margin:0 auto} .sidebar-wrapper{display:none;float:right;overflow:hidden;width:30%;box-sizing:border-box;word-wrap:break-word;padding:0 15px} .is-post .sidebar-wrapper{display:block;position:sticky;position:-webkit-sticky;top:0} .post-image-wrap,.sizeimg{position:relative;display:block} .about-author .avatar-container,.comments .avatar-image-container,.post-image-link{background-color:rgba(155,155,155,.07);color:transparent!important} .sizeimg{width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .17s ease} .hot-item-inner:hover .post-image-link .sizeimg,.post-image-link:hover .sizeimg,.post-image-wrap:hover .post-image-link .sizeimg{opacity:.9} .post-title a{display:block} .post-meta,.post-meta a{overflow:hidden;color:#6699cc;font-size:12px;font-weight:300;padding:0} .item-post .post-meta{line-height:20px} .post-meta span{float:left;display:inline-block;margin:0 10px 0 0} .post-meta span img{float:left;width:20px;height:20px;color:#222;margin:0 5px 0 0;border-radius:20px} .post-meta i{margin:0 4px} .post-meta .post-author:after{content:'-';margin:0 0 0 8px} .show-hot .no-posts{position:absolute;top:calc(50% - 50px);left:0;width:100%} .queryMessage{overflow:hidden;background-color:$(main.color);color:#fff;font-size:14px;font-weight:400;position:relative;padding:8px 10px;margin:0 0 20px} .queryMessage .query-info{margin:0 5px} .queryMessage .search-label,.queryMessage .search-query{font-weight:700;} .queryMessage .search-label:before,.queryMessage .search-query:before{content:"\201c"} .queryMessage .search-label:after,.queryMessage .search-query:after{content:"\201d"} .queryMessage a.show-more{position:absolute;right:0;color:#fff;top:0;padding:9px 20px;bottom:0;background:;transition:opacity .17s} .queryMessage a.show-more:hover{opacity:.8} .queryEmpty{font-size:13px;font-weight:400;padding:10px 0;margin:0 0 25px;text-align:center} .title-wrap{display:none} .post-body .widget-content{text-align:center;margin:.8em 0;display:block} .post-body .widget-content:blank{margin:0} .Ad-Slots-below .widget,.Ad-Slots-below .widget-content,.Middle-Ad-Slot1 .widget,.Middle-Ad-Slot1 .widget-content,.Middle-Ad-Slot2 .widget,.Middle-Ad-Slot2 .widget-content,.top-Ad-Slots .widget,.top-Ad-Slots .widget-content{margin:0!important} .custom-widget li{overflow:hidden;margin:20px 0 0} .custom-widget li:first-child{padding:0;margin:0;border:0} .custom-widget .post-image-link{position:relative;width:80px;height:70px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0} .custom-widget .post-info{overflow:hidden} .custom-widget .post-title{overflow:hidden;font-size:13px;font-weight:500;line-height:1.5em;margin:0 0 3px} .custom-widget .post-title a{display:block;color:#222;transition:color .17s} .custom-widget li:hover .post-title a{color:$(main.color)} .halaman-indeks-wrap{position:relative;float:left;width:100%} .item-post-wrap{padding:0px 0} .blog-post{display:block;overflow:hidden;word-wrap:break-word} .bxposts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap} .halaman-indeks{padding:0 30px 0 0;-webkit-box-flex:1;-ms-flex:1 1 33.333%;flex:1 1 33.333%;max-width:33.333%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 30px} .halaman-indeks:nth-of-type(3n+0){padding-right:0} .halaman-indeks:hover{-webkit-box-shadow:none;box-shadow:none} .halaman-indeks .post-image-wrap{width:100%;height:220px;overflow:hidden;margin:0} .halaman-indeks .post-image-wrap .post-image-link{width:100%;height:100%;position:relative;display:block;z-index:1;overflow:hidden} .halaman-indeks .post-info{position:relative;margin:0 auto;text-align:center;padding:15px 30px;background:#f8f8f9} .halaman-indeks .post-info h2 a{display:block;color:#222;transition:color .17s} .date-header{display:block;overflow:hidden;font-weight:400;margin:0!important;padding:0} .halaman-indeks .post-meta{display:inline-block;text-align:center;margin:20px auto;position:relative} #breadcrumb{font-size:12px;font-weight:400;color:#6699cc;margin:0 0 15px} #breadcrumb a{color:#6699cc;transition:color .17s} #breadcrumb a:hover{color:$(main.color)} #breadcrumb a,#breadcrumb em{display:inline-block} #breadcrumb .delimiter:after{content:'\f105';font-size:8px;font-weight:400;font-style:normal;vertical-align:middle;margin:0 3px} .item-post h1.post-title{color:#0057b8;font-size:31px;line-height:1.5em;font-weight:700;position:relative;display:block;margin:0 0 15px;padding:0} .main .widget,.static_page .item-post h1.post-title{margin:0} .item-post .post-body{width:100%;font-size:16px;line-height:1.8em;overflow:hidden;padding:20px 0 0;margin:0} .item-post .post-outer{padding:0} .main .Blog{border-bottom-width:0} .post-footer{position:relative;float:left;width:100%;margin:20px 0} .post-footer .post-labels{margin:0 auto;float:left} .inline-ad{position:relative;display:block;max-height:60px;margin:0 0 30px} .inline-ad>ins{display:block!important;margin:0 auto!important} .is-post .inline-ad{float:left;width:100%;margin:20px 0 0} .comments .comments-content .datetime,.post-share{float:right} .item-post-wrap>.inline-ad{margin:0 0 20px} .post-share{position:relative;overflow:hidden;line-height:2;margin:0 auto} .post-labels a,.post-labels span{position:relative;display:inline-block;font-size:13px;line-height:28px;font-weight:400;padding:0 12px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;border:0;background:#e6f0ff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .post-labels a:hover,.post-labels span{background-color:$(main.color);color:#fff} .post-labels a{margin:0 10px 0 0;transition:all .17s ease} .post-labels a:hover{border-color:$(main.color)} .post-share .share-links li a,.post-share .social a:before{color:#fff;font-weight:400;text-align:center;display:inline-block} ul.share-links{position:relative} .post-share .share-links li{display:inline-block;margin:0 0 0 10px} .post-share .share-links li a{float:left;cursor:pointer;width:100%;line-height:32px;font-size:17px;opacity:1;transition:all .17s ease} .post-share .social a:before{font-style:normal;height:38px;width:38px;line-height:40px;border-radius:19px;-webkit-border-radius:10px;-moz-border-radius:19px;background:#007bff;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out} .post-share .social .facebook a:before,.post-share .social .linkedin a:before,.post-share .social .pinterest a:before,.post-share .social .twitter a:before,.social .behance a:before,.social .codepen a:before,.social .delicious a:before,.social .digg a:before,.social .dribbble a:before,.social .external-link a:before,.social .facebook a:before,.social .github a:before,.social .instagram a:before,.social .pinterest a:before,.social .reddit a:before,.social .skype a:before,.social .snapchat a:before,.social .soundcloud a:before,.social .stack-overflow a:before,.social .stumbleupon a:before,.social .tumblr a:before,.social .twitch a:before,.social .twitter a:before,.social .vk a:before,.social .whatsapp a:before,.social .youtube a:before{font-family:"Font Awesome 5 Brands"} .post-share .social .facebook a:before{content:"\f39e";background:#4661c5} .post-share .social .pinterest a:before{content:"\f231"} .post-share .social .twitter a:before{content:"\e61b";background:#2c2c2c} .post-share .social .linkedin a:before{content:"\f0e1";background:#2c2c2c} .post-share .social .whatsapp a:before{background:#20d847} .social .facebook a:before{content:"\f09a";font-weight:400} .social .twitter a:before{content:"\e61b";font-weight:400} .social .youtube a:before{content:"\f167";font-weight:400} .social .skype a:before{content:"\f17e";font-weight:400} .social .stumbleupon a:before{content:"\f1a4";font-weight:400} .social .tumblr a:before{content:"\f173";font-weight:400} .social .vk a:before{content:"\f189";font-weight:400} .social .stack-overflow a:before{content:"\f16c";font-weight:400} .social .github a:before{content:"\f09b";font-weight:400} .social .linkedin a:before{content:"\f0e1";font-family:"Font Awesome 5 Brands";font-weight:400} .social .dribbble a:before{content:"\f17d";font-weight:400} .social .soundcloud a:before{content:"\f1be";font-weight:400} .social .behance a:before{content:"\f1b4";font-weight:400} .social .digg a:before{content:"\f1a6";font-weight:400} .social .instagram a:before{content:"\f16d";font-weight:400} .social .pinterest a:before{content:"\f0d2";font-weight:400} .social .twitch a:before{content:"\f1e8";font-weight:400} .social .delicious a:before{content:"\f1a5";font-weight:400} .social .codepen a:before{content:"\f1cb";font-weight:400} .social .reddit a:before{content:"\f1a1";font-weight:400} .social .whatsapp a:before{content:"\f232";font-weight:400} .social .snapchat a:before{content:"\f2ac";font-weight:400} .social .email a:before{content:"\f0e0"} .social .external-link a:before{content:"\f35d";font-weight:400} .social-color .blogger a{color:#ff5722} .social-color .facebook a{color:#3b5999} .social-color .twitter a{color:##2c2c2c} .social-color .gplus a{color:#db4a39} .social-color .youtube a{color:#f50000} .social-color .instagram a{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)} .social-color .pinterest a{color:#ca2127} .social-color .dribbble a{color:#ea4c89} .social-color .linkedin a{color:#0077b5} .social-color .tumblr a{color:#365069} .social-color .twitch a{color:#6441a5} .social-color .rss a{color:#ffc200} .social-color .skype a{color:#00aff0} .social-color .stumbleupon a{color:#eb4823} .social-color .vk a{color:#4a76a8} .social-color .stack-overflow a{color:#f48024} .social-color .github a{color:#24292e} .social-color .soundcloud a{background:linear-gradient(#ff7400,#ff3400)} .social-color .behance a{color:#191919} .social-color .digg a{color:#1b1a19} .social-color .delicious a{color:#0076e8} .social-color .codepen a{color:#000} .social-color .reddit a{color:#ff4500} .social-color .whatsapp a{color:#3fbb50} .social-color .snapchat a{color:#ffe700} .social-color .email a{color:#888} .social-color .external-link a{color:#222} .blog-pager{float:left;width:100%;font-size:15px;font-weight:500;text-align:center;clear:both;padding:0;margin:30px 0 10px} #blog-pager #load-grid i{font-size:20px} #blog-pager #load-grid{cursor:pointer} #blog-pager #load-grid:hover{background-color:#0a2540;color:#fff} #blog-pager .endmore,#blog-pager .loading{display:none} #blog-pager .loading .loader{position:relative;overflow:hidden;display:block;margin:0;height:34px} #blog-pager .endmore.show,#comments-block .avatar-image-container,.archive #blog-pager,.comments .comments-content .comment-thread:empty,.is-homepage .blog-pager .blog-pager-newer-link,.is-homepage .blog-pager .blog-pager-older-link,.is-homepage .boxsubs{display:none} #blog-pager .loading .loader:after{content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-16px 0 0 -16px;border:2px solid;border-right-color:rgba(155,155,155,.2);border-radius:100%;animation:spinner 1.1s infinite linear;transform-origin:center} @-webkit-keyframes spinner{0{-webkit-transform:rotate(0);transform:rotate(0)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes spinner{0{-webkit-transform:rotate(0);transform:rotate(0)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} .post-animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both} @keyframes fadeIn{from{opacity:0} to{opacity:1}} .post-fadeIn{animation-name:fadeIn} @keyframes fadeInUp{from{opacity:0;transform:translate3d(0,5px,0)} to{opacity:1;transform:translate3d(0,0,0)}} .post-fadeInUp{animation-name:fadeInUp} #comments{clear:both;list-style:none;position:relative;margin:0 auto;padding:0;overflow:hidden} comments h3{font-size:14px;display:block;font-weight:400;margin:0 0 30px;padding:0 0 10px;border-bottom:1px solid rgba(0,0,0,.05);position:relative} #comments h3 after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:1px;background:#cce5ff} #comment-editor,.comment-thread .user,.related-post h4{position:relative} #comments h3 first-letter{color:#3399ff} .comments-content{padding:0 0 15px} #comments-block{margin:15px 0} .comment-body{padding:15px 0;margin:0} .comment-body p{margin:0} .comment-footer{margin:0 0 30px} h4#comment-post-message{display:none;margin:0} .comments{clear:both;margin-top:10px;margin-bottom:0} .comments .comments-content{font-size:14px;margin-bottom:30px} .comments .comments-content .comment-thread ol{text-align:left;margin:13px 0;padding:0;list-style:none} .comments .comment-block{position:relative;margin-left:55px;margin-right:20px;padding:30px;word-break:break-word;-webkit-box-shadow:0 0 24px 0 rgba(0,0,0,.07);-ms-box-shadow:0 0 24px 0 rgba(0,0,0,.07);box-shadow:0 0 24px 0 rgba(0,0,0,.07);border-radius:5px} .comments .comment-replies .comment-block{margin-left:50px} .comments .comments-content .comment-replies{margin:10px 0 10px 45px} .comments .comment-replybox-single{margin:20px 0} .comments .comment-replybox-thread{margin:0} .comments .comments-content .comment{margin-bottom:6px;padding:0} .comments .comments-content .comment:first-child,.comments .comments-content .comment:last-child{padding:0;margin:0} .comments .comments-content .inline-thread{margin:0} .comments .comments-content .comment-header{font-size:14px;margin:0 0 5px} .comments .comments-content .comment-content{margin:10px 0;text-align:left;font:400 13px/1.71em AcuminPro,arial,helvetica,sans-serif} .post-body ul li:before,blockquote:after{font-family:"Font Awesome 5 Pro"} .comments .comments-content .datetime a{color:#336699} .comments .comments-content .user{font-weight:700;font-style:normal} .comments .comment .comment-actions a{display:inline-block;font-size:13px;line-height:15px;margin:4px 8px 0 0} .comments .continue a{display:inline-block;font-size:13px;padding:.5em} .comments .comment .comment-actions a:hover,.comments .continue a:hover{color:#dd4a45} .deleted-comment{font-style:italic;opacity:.5} .comments .comments-content .loadmore{cursor:pointer;margin-top:3em;max-height:3em} .comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden} .comments .continue,.comments .thread-chrome.thread-collapsed{display:none} .comments .thread-toggle{display:inline-block} .comments .thread-toggle .thread-arrow{display:inline-block;height:6px;margin:.3em;overflow:visible;padding-right:4px;width:7px} .comments .thread-collapsed .thread-arrow,.comments .thread-expanded .thread-arrow{width:24px;height:24px;vertical-align:middle;display:inline-block} .comments .hidden{display:none} .item-control a,.secondary-text a.comment-reply{color:#909090;text-align:center;padding:0!important;font-weight:400;text-decoration:none} .comment-thread .user,.comment-thread .user a{font-size:14px;font-weight:700;padding:0;text-decoration:none} .secondary-text a.comment-reply{color:#777} .item-control a:hover,.secondary-text a:hover.comment-reply{color:#000!important} #comment-editor{width:100%!important;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwU9eHzv-lqAqbV7k3_YeEm7cVboXoJk-q3zCvz7OHr-lfi7UCr5lfP9fPpFj0HE90pXACxvuLY8w-ax9yTSwJB4eMmYFaPHeSrQR8Cbn2dwNts0dM9o4EcXhRXLGqUL9rLCg2_t55uS4/s1600/loader.gif) 50% 25% no-repeat;max-height:310px!important;transition:1.3s ease-out} .comment-thread .user a{color:#000} .comment-thread .user a:hover{color:inherit} .comment-thread .datetime a{text-decoration:none;color:#909090;font-size:11px;font-weight:400} .PopularPosts .post:hover .post-title a,.errorgrid a:hover,.post-body u,.related-post-style-1 li a:hover,.related-post-style-2 a:hover.related-post-item-title,.related-post-style-3 a:hover.related-post-item-title{text-decoration:none} .comment-thread .datetime a:hover{color:#000} .item-control{margin-left:0} .thread-chrome a.comment-reply{margin-top:20px!important;display:block;text-align:center;border-radius:99em;background-color:#f4f4f4} .thread-chrome a:hover.comment-reply{color:#999} #comments .comments-content .icon.blog-author{width:18px;height:18px;line-height:18px;margin-left:5px;vertical-align:middle;margin-top:-5px;display:inline-block} #comments .comments-content .icon.blog-author:before{content:"\f005";font-family:"Font Awesome 5 Pro";color:$(main.color);font-size:11px;vertical-align:middle} .comment .avatar-image-container{width:40px;height:40px;overflow:hidden;float:left;border-radius:99em} #comments .comment-replies .comment-thread .comment .avatar-image-container img,.comment .avatar-image-container img{display:block;padding:0;margin:0 auto} #comments .comment-replies .comment-thread .comment .avatar-image-container{width:35px;height:35px;max-width:35px;max-height:35px} #comments .avatar-image-container img{width:40px;height:40px;max-width:40px;max-height:40px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJuTIvaJZHcraMcZnGZchpAAdKXJOleGLJTA6myX3787G9KBGCwrDekopTHoljO38KtlwNMDU2NKUNXwk7Bg58RquJ0i_CECTsucJXSU9fUQ-thPd8ABMtTcVy2k5bmYAU4ky2C6plvlA/s1600/no.jpg) center;background-size:cover} #comments .comment-replies .avatar-image-container img{width:35px;height:35px;max-width:35px;max-height:35px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJuTIvaJZHcraMcZnGZchpAAdKXJOleGLJTA6myX3787G9KBGCwrDekopTHoljO38KtlwNMDU2NKUNXwk7Bg58RquJ0i_CECTsucJXSU9fUQ-thPd8ABMtTcVy2k5bmYAU4ky2C6plvlA/s1600/no.jpg) center center no-repeat} .threaded_comments_text{display:block;margin:20px 0} .threaded_comments_text p{font-size:100%;line-height:inherit} .post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6,post-body h1{color:#000;font-weight:600;margin:0 0 15px} .post-body h1,.post-body h2{font-size:24px} .post-body h3{font-size:21px} .post-body h4{font-size:18px} .post-body h5{font-size:16px} .post-body h6{font-size:13px} #related-wrapper{margin:0 auto;padding:0;display:block;overflow:hidden;clear:both} .related-post{margin:20px auto;padding:0;text-align:center} .related-post h4{margin:5px 0 15px;font-size:30px;line-height:1.2em;padding:0 15px;font-weight:600;text-align:center;display:inline-block} .related-post h4:after,.related-post h4:before{display:block;width:500px;height:0;border-bottom:1px solid #f7f7f7;position:absolute;top:50%;content:''} .related-post h4:before{right:100%;left:auto} .related-post h4:after{left:100%;right:auto} .related-post .related-post-style-1,.related-post .related-post-style-2,.related-post .related-post-style-3{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .related-post .related-post-style-1{margin:10px 0 20px} .related-post .related-post-style-1 li{display:block;width:100%;text-align:left} .related-post .related-post-item-summary,.related-post-style-3 span{font-size:110%;color:#222;line-height:1.4em;display:inline-block;text-align:left} .related-post-style-3{margin:0 0 0 -3%!important} .related-post-style-3 li{list-style:none;margin-left:3%!important;padding:0;width:calc(31.333% - 1%);float:left} .related-post-style-3 li img{width:100%;height:100%} .related-post-style-3 a.related-post-item-title{text-align:left;font-size:16px;color:#222;margin:10px auto;font-weight:500;line-height:1.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .related-post-style-3 span,.related-posts-widget h3{display:none!important;height:0;width:0;overflow:hidden} .related-post-style-2{margin:0 auto!important} .related-post-style-2 li{list-style:none;margin:0 auto 10px;padding:10px 0 0;display:block;width:100%;border-top:1px solid #eee} .related-post-style-2 li:first-child{border-top:none} .related-post-style-2 .related-post-item-thumbnail{align-items:center;justify-content:center;margin:0 auto;width:125px;height:80px;max-width:none;max-height:none;padding:0;overflow:hidden;display:inline-block;float:left} .related-post-style-2 .related-post-item-thumbnail img{width:100%;height:100%} .related-post-style-2 a.related-post-item-title{line-height:1.3em;display:block;text-align:left;font-size:16px;color:#2d2d2d;margin:0 0 7px;font-weight:500} .related-post-style-2 a.related-post-item-more{display:none} .related-post-style-2 .related-post-item-text{display:inline-block;text-align:left;width:calc(100% - 140px);float:right} .related-post-style-1 li a{line-height:1.3em;display:block;position:relative;font-size:115%!important;color:#2d2d2d;margin:0 0 10px;padding:0;font-weight:400} .related-post-style-1 li a:before{content:'';width:7px;height:7px;border-radius:100%;background-color:#0076f4;display:inline-block;position:relative;top:-1px;left:0;margin-right:10px} blockquote{font-style:italic;padding:17px;margin:10px auto;background:#e6f0ff} blockquote:after{display:inline-block;font-style:normal;font-weight:900;color:#f1f1f1;line-height:1;content:'\f10e';margin:0 0 0 10px} .widget .post-body ol,.widget .post-body ul{line-height:1.5;font-weight:400} .widget .post-body li{margin:5px 0;padding:0;line-height:1.5} .post-body ul{padding:0 0 0 20px} .post-body ul li:before{content:"\f111";font-size:13px;font-weight:400;margin:0 5px 0 0} .post-body strike{text-decoration:line-through} .contact-form{overflow:hidden} .contact-form .widget-title{display:none} .contact-form .contact-form-name{width:calc(50% - 5px)} .contact-form .contact-form-email{width:calc(50% - 5px);float:right} .sidebar .widget-content{position:relative;overflow:hidden;padding:0;box-sizing:border-box;float:left;width:100%;margin:0} .sidebar .widget{margin:15px 0 30px;overflow:hidden;padding:20px;-webkit-box-shadow:0 0 24px 0 rgba(0,0,0,.07);-ms-box-shadow:0 0 24px 0 rgba(0,0,0,.07);box-shadow:0 0 24px 0 rgba(0,0,0,.07)} #social-widget .widget{margin-bottom:35px} .sidebar .widget-title{position:relative;overflow:hidden;float:left;width:100%;display:block;margin:0 auto} .sidebar .widget-title>h3{color:#000;font-size:20px;font-weight:600;text-decoration:none;display:inline-block;padding:0 10px 0 0;margin:0 auto 15px;position:relative;letter-spacing:normal} #ArchiveList .flat li>a:before{content:"\f054";font-family:"Font Awesome 5 Pro"} .sidebar .FollowByEmail>.widget-title>h3{margin:0} .FollowByEmail .widget-content{position:relative;overflow:hidden;text-align:center;font-weight:400;box-sizing:border-box;padding:20px} .FollowByEmail .widget-content>h3{font-size:18px;color:#222;font-weight:500;margin:0 0 13px} .FollowByEmail .before-text{font-size:13px;line-height:1.5em;margin:0 0 15px;display:block;padding:0 10px;overflow:hidden} .FollowByEmail .follow-by-email-inner{position:relative} .FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;float:left;height:50px;position:relative;color:#060606;font-size:13px;padding:0 20px;margin:0;box-sizing:border-box;border:0 0;transition:ease .17s} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{height:50px;position:absolute;right:0;font-size:14px;color:#222;background:$(main.color);text-align:center;font-weight:700;cursor:pointer;padding:0 30px;margin:0 auto;border:0;transition:opacity .17s ease} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{opacity:.85} #ArchiveList ul.flat li{color:#222;font-size:13px;font-weight:400;padding:7px 0;border-bottom:1px dotted #eaeaea} #ArchiveList ul.flat li:first-child{padding-top:0} #ArchiveList ul.flat li:last-child{padding-bottom:0;border-bottom:0} #ArchiveList .flat li>a{display:block;color:#222;transition:color .17s} #ArchiveList .flat li>a:hover{color:$(main.color)} #ArchiveList .flat li>a:before{float:left;color:#161619;font-weight:400;font-size:6px;margin:6px 3px 0 0;display:inline-block;transition:color .17s} #ArchiveList .flat li>a>span{position:relative;float:right;width:16px;height:16px;background-color:$(main.color);color:#222;font-size:11px;font-weight:400;text-align:center;line-height:16px} .PopularPosts .post{overflow:hidden;margin:20px 0 0} .PopularPosts .post:first-child{padding:0;margin:0;border:0} .PopularPosts .post-image-link{position:relative;width:130px;height:80px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0} .PopularPosts .post-info{overflow:hidden} .PopularPosts .post-title{font-size:14px;font-weight:500;line-height:1.5em;margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #back-to-top,.contact-form-widget form{font-weight:400} .PopularPosts .post-title a{display:block;color:#000;transition:color .17s} .PopularPosts .post-date:before{font-size:10px} .hidden-widgets{display:none;visibility:hidden} .back-to-top{line-height:40px;position:fixed;bottom:40px;right:20px;border-radius:50px;z-index:999;border:2px solid $(main.color);height:40px;text-align:center;cursor:pointer;width:40px;background:#fff} #back-to-top{color:$(main.color);padding:0;font-size:18px} .boxerror .main-wrapper{width:100%!important;margin:0!important} .boxerror #content-wrapper{display:block} .boxerror #box-banner,.boxerror .brand_wrapper,.boxerror .sidebar-wrapper{display:none} .errorgrid{color:#5a5a5a;text-align:center;padding:80px 0 100px} .errorgrid h3{font-size:160px;line-height:1;margin:0 0 30px;color:$(main.color)} .errorgrid h4{font-size:25px;margin:0 0 20px} .errorgrid p{margin:0 0 10px} .errorgrid a{display:block;color:#5a5a5a;padding:10px 0 0} .errorgrid a i{font-size:20px} ._banner h3{display:none} #box-banner{text-align:center;overflow:hidden;display:block;clear:both;margin:30px 0 20px} .parnert h3{display:none} .customer-parnert .slick-slide{margin:0 20px;-webkit-filter:saturate(.1);filter:saturate(.1);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .customer-parnert{width:100%;height:auto;outline:0;overflow:hidden;overflow-x:hidden;white-space:nowrap;margin:0 auto} .brand-box{padding:0;margin:0 auto} .brand-box img{height:auto;width:100%;margin:0 auto;-webkit-filter:contrast();-ms-filter:contrast();-o-filter:contrast();filter:contrast();opacity:100;position:relative} #footer-wrapper{display:block;width:100%;overflow:hidden;padding:0;position:relative} .lay{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHgORUhktrPdvMFFW7FKe6B-Iaw89RswDBmw13tnsJPRoxlh6pPPy6-galmkcdGWIy8UJmA1HLobwnA26QDemXIYmnbOk_v6UcwQdCTXeM_qTicnZkS0JuEqGJkug7tZ8fIyom9CrRtRVsCKZAT1ID0URK6tSqF2CGfr0wxpTrz6YeNYd26O-LQNNQ/s16000/blogartvinbackraund.png);background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:center center;top:0;left:0;width:100%;height:100%} .PopularPosts .post-tag{position:relative;z-index:5;background-color:#2ad2c9;color:#222;font-size:10px;line-height:18px;font-weight:500;padding:0 7px} .footer-box{padding:0;overflow:hidden;color:#fff;line-height:1.4em;margin:0;font-size:14px} .footer-box .footer{float:left;width:23.18323%;margin:20px 20px 20px 0} .footer-box .footer .widget{margin-bottom:30px} .footer-box .footer h3{font-size:18px;line-height:1.2em;color:#fff;display:block;margin:0;padding:15px 0;font-weight:600;position:relative} .footer-box .footer .widget-content{line-height:21px} .footer-box .footer ul{list-style:none;color:#fff;margin:0;padding:0} .footer-box .footer li{color:#fff;line-height:1.2em;margin:0;padding:5px 0} .footer-box .footer a:link,.footer-box .footer li a:visited{color:#fff;text-decoration:none;font-weight:400;line-height:1.6em;font-size:14px} .footer-box .footer li a::before{display:inline-block;font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;margin-right:10px;color:$(main.color)} .testi-wrap{overflow:hidden;position:relative;padding:5% 0} .boxtestimonial{padding:10px 0 50px} .ithemonial{margin:20px 20px auto} .monialimg img{width:120px!important;height:120px;border:0;border-radius:10%;padding:2px;margin:0} .monialimg h4{color:#000;font-size:16px;font-weight:600;line-height:20px} .monialimg h4 span{display:block;margin:8px 0;font-size:13px;color:#7d7d7d;} .subs-wrapper{padding:20px;-webkit-box-shadow:5px 5px 20px 0 rgba(167,167,167,.1);-moz-box-shadow:5px 5px 20px 0 rgba(167,167,167,.1);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;max-width:700px;width:100%;margin:0 auto 8%} .subs-wrapper .FollowByEmail h3{display:none} .map-wrapper{overflow:hidden;padding:3rem 0 0 0;margin-bottom:2%;border-bottom:1px dotted rgba(255,255,255,0.16)} .map-wrapper-left{float:left;width:25%} .map-wrapper-right{float:right;width:70%} .elementor-map{float:right;padding:1rem 0;margin:0} .elementor-map div{position:relative;margin:0 auto 0 30px;padding:0;list-style:none;float:left} .elementor-map div.icon-box__title{margin:0;padding-top:.05556rem;font-size:16px;font-weight:400;display:block;color:#fff} .elementor-map div.icon-box i{font-size:30px;padding:0;height:35px;color:#fff;text-align:center;line-height:35px;margin-top:10px;position:absolute;width:35px;font-weight:300;float:left;margin-right:.55556rem;border-radius:50%;vertical-align:middle} .elementor-map div .icon-box__title{margin:0;padding-top:.05556rem;font-size:16px;font-weight:500;display:block;color:#fff} .elementor-map div.icon-box__text{margin-left:50px} .elementor-map div span.icon-box__subtitle{font-size:15px;font-weight:400;color:#fff} .mplogo{width:218px;height:auto;vertical-align:middle} .mplogo img{width:100%;height:auto} .iconfit{margin-top:20px!important} ul.iconfit li{float:left;display:inline-block} ul.iconfit li a:before{display:none!important} ul.iconfit li>a{display:block;font-size:20px!important;padding:0;margin:0 20px 0 0;transition:all .17s ease} .credit-footer{width:100%;font-size:15px;display:block;color:#fff;font-weight:400;line-height:34px;padding:15px 0;background:#0057b8;overflow:hidden;text-align:center;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px} .credit-footer a{color:#fff;transition:color .17s} @media screen and (max-width:1200px){#outer-wrapper{max-width:97%} .menu-wrapper{max-width:100%} .bmright{width:40%} .bmleft{width:55%}} @media screen and (max-width:1100px){.header-wrapper{width:100%} .slider-item h3.recent-title{font-size:3rem text-shadow:0 2px 6px rgba(0,0,0,0.6); } .halaman-indeks{width:30.23%} .footer-box .footer{width:23%}} @media screen and (max-width:1024px){.slider-item h3.recent-title{font-size:2.5rem text-shadow:0 2px 6px rgba(0,0,0,0.6); } .boxwrap-number{width:25%} .footer-box .footer{width:98%}} @media screen and (max-width:991px){halaman-indeks{width:30%} .elementor-map{float:none;padding:1rem 0;margin:0 auto;display:block} .bmleft,.bmright{width:100%} .fl00,.fl02{float:none;overflow:hidden} .about-image{float:left} .counter{padding:0;-ms-flex:1 1 50%;flex:1 1 50%;max-width:50%;margin-bottom:30px} .content-post{-ms-flex:1 1 50%;flex:1 1 50%;max-width:50%;margin-bottom:30px} .content-post:nth-of-type(2n+0){padding-right:0} .video-content{max-width:100%;width:100%;float:none} .sec-title-inner{max-width:80%} h2.bm01,#between h3{font-size:2rem} .solutions-list{padding:0!important} .solutions-wrap{margin-top:40px} .footer-box .footer{width:100%;margin:20px auto} .map-wrapper-right{float:left;width:100%} .elementor-map div{position:relative;margin:0 auto 30px;padding:0;list-style:none;float:none;display:block;width:100%} .boxwrap-left,.boxwrap-right{width:100%;float:none;margin-bottom:40px}} @media screen and (max-width:980px){.boxwrap-text h2,.boxwrap-text h3,.recent-boxes .widget-title,.recent-boxes h3,.tabs .content section h3: :after,a.more-link{text-align:center} .iconsearch-label:before{border-bottom:none} .feat-item{padding-top:0} #sticky-wrap.stickyhead .iconsearch-label,.btnmenu,.iconsearch-label{height:20px} .headblog:before{border-top:110px solid $(main.color)} #main-menu,#top-bar,.box-right,.content-left{display:none} .headblog{width:180px} .headblog img{margin-top:5px} #sticky-wrap.stickyhead .headblog:before{border-top:108px solid $(main.color)} .mobile-menu,.slide-menu-toggle{display:block} .content-post,.counter,.subtext{-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;margin-bottom:40px;padding:0} .bmcarousel .owl-next,.bmcarousel .owl-prev {display:none!important;} .tabs .content section h3::after{margin:5px auto;left:0;right:0} #sticky-wrap.stickyhead .headblog{margin:2px 30px 0 0;width:180px} .btnmenu{display:-webkit-box;display:flex;align-self:center;padding: 8px 5px;margin-right: 23px;float:right;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;justify-content:space-between;width:35px;cursor:pointer} #menuslide,.ui_box{float:none} .btnmenu div{align-self:flex-end;height:2px;width:100%;background:#fff} #sticky-wrap.stickyhead .btnmenu div{background:#000} .btnmenu .meat{width:75%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .btnmenu .bottom-bun{width:50%;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out} .btnmenu:hover div{width:100%} .btnmenu:hover .top-bun{-webkit-animation:burger-hover 1s infinite ease-in-out alternate;animation:burger-hover 1s infinite ease-in-out alternate} .btnmenu:hover .meat{-webkit-animation:burger-hover 1s infinite ease-in-out alternate forwards .2s;animation:burger-hover 1s infinite ease-in-out alternate forwards .2s} .btnmenu:hover .bottom-bun{-webkit-animation:burger-hover 1s infinite ease-in-out alternate forwards .4s;animation:burger-hover 1s infinite ease-in-out alternate forwards .4s} @-webkit-keyframes burger-hover{0,100%{width:100%} 50%{width:50%}} @keyframes burger-hover{0,100%{width:100%} 50%{width:50%}} .menu{width:280px;height:100%;left:-280px;z-index:99999;bottom:0;background:#161616;top:0;position:fixed;transition:.5s linear} .menu.active,.page-wrapper.toggled{left:0} @keyframes swing{0,100%,30%,50%,70%{transform:rotate(0)} 10%{transform:rotate(10deg)} 40%{transform:rotate(-10deg)} 60%{transform:rotate(5deg)} 80%{transform:rotate(-5deg)}} #close-sidebar,#show-sidebar,.page-wrapper,.page-wrapper .page-content,.sidebar-brand a,.sidebar-dropdown a:after,.sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,.sidebar-menu ul li a,ul li a i{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .page-wrapper{height:75vh;padding:20px} .page-wrapper .theme{width:40px;height:40px;display:inline-block;border-radius:4px;margin:2px} .page-wrapper .theme.chiller-theme{background:#1e2229} .cross{display:block;padding:10px 20px;background:0 0;text-align:right;cursor:pointer} #menuslide ul{width:100%;height:auto;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.15);box-shadow:0 2px 8px 0 rgba(0,0,0,.15)} #menuslide ul ul{-webkit-box-shadow:none;box-shadow:none;display:none;opacity:1;transform:translateY(0);transition:unset} #menuslide ul ul li{background:0 0;margin:0} #menuslide li:hover ul{transition-delay:0,0,0} #menuslide ul li{width:100%;border-top:1px solid #2b2b2b;background:0 0;float:none;position:relative} #menuslide ul li.active a,#menuslide ul li:hover a{color:#336699} #menuslide ul ul li a{padding:0 25px} #menuslide ul li a,#menuslide ul ul li a{width:100%;border-bottom:0;color:#ffffff} #menuslide ul li a:hover,#menuslide ul ul li a:hover{color:#eee} #menuslide ul ul li.has-sub ul li a{padding-left:35px} #menuslide ul ul,#menuslide ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left} #menuslide ul li.has-sub a::after,#menuslide ul ul li.has-sub a::after{display:none} #menuslide .submenu-button{position:absolute;z-index:99;right:0;top:0;cursor:pointer} #menuslide .submenu-button::after{content:"\f0d7";font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;text-decoration:inherit;margin:0 20px;color:#336699;line-height:42px} #menuslide .submenu-opened::after{content:"\f0d8"} #menuslide ul ul .submenu-button::after{line-height:36px} #menuslide ul ul ul li.active a{border-left:none} #menuslide ul li.has-sub ul li.active a,#menuslide ul ul li.has-sub ul li.active a{border-top:none} .ui_box{width:71%;height:auto;margin:0 auto}} @media screen and (max-width:800px){ .header-wrapper,.is-post .main-wrapper{width:100%} .header-drive,.top-bar-social{display:none} .padding{padding:2rem 0} .wrapsearch{margin:8px 0} .subheader{-webkit-box-flex:initial;-ms-flex:auto;flex:auto;max-width:100%} .slider-item .bm-content{width:90%} #outer-wrapper{max-width:96%} .headblog{margin:0 25px 0 0} .is-search-default .post-meta span{float:none} .is-post .header-box,.is-search-default .header-box{padding:.5rem 0} .halaman-indeks,.halaman-indeks:nth-child(12),.halaman-indeks:nth-child(16),.halaman-indeks:nth-child(19),.halaman-indeks:nth-child(2),.halaman-indeks:nth-child(23),.halaman-indeks:nth-child(24),.halaman-indeks:nth-child(25),.halaman-indeks:nth-child(29),.halaman-indeks:nth-child(6){width:100%;height:auto} .halaman-indeks:nth-child(12).homebox,.halaman-indeks:nth-child(16).homebox,.halaman-indeks:nth-child(19).homebox,.halaman-indeks:nth-child(2).homebox,.halaman-indeks:nth-child(6).homebox{width:auto} .halaman-indeks .post-image-wrap{height:auto} .is-post .sidebar-wrapper{display:block;position:relative;top:initial;float:none;margin:0 auto;width:100%} .is-post .sidebar-wrapper .widget{margin:15px 0} #main-menu ul#main-menu-nav{padding-left:0} .chiller-theme{background:#161616} .recent-projects .owl-dots{position:relative;bottom:0;width:100%;left:0;right:0;margin:30px auto 0;text-align:center} .is-post .wrapsearch,.is-search-default .wrapsearch{padding-top:10px} .halaman-indeks{padding:0;-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%} .halaman-indeks:nth-of-type(4n+0){padding-left:0;padding-right:0}} @media screen and (max-width:768px){ .boxwrap-text h3,.recent-boxes h3{margin:0 auto;text-align:center}.boxwrap-text p{font-size:14px;text-align:left} .font-big h2{font-size:36px!important;padding:0} .boxwrap-left,.boxwrap-right{width:100%;float:none;margin:0 auto;text-align:center} div#searchcontainer form input[type=text]{font-size:1.8rem} .boxwrap-os-left h2,.boxwrap-text h2{font-size:30px} h5.counter-number .counter .counter-timer {font-size:40px;} .counter .counter-title {font-size:15px;} h5.counter-number sup {font-size:1.5rem;} .subs-wrapper{max-width:400px}} @media screen and (max-width:600px){.left,.right{width:100%} .related-post-style-3 .related-post-item-thumbnail{height:110px} .boxwrap-left,.boxwrap-right{text-align:left} .recent-boxes{text-align:center} .slider-item h3.recent-title{font-size:2rem text-shadow:0 2px 6px rgba(0,0,0,0.6); } .sec-title-inner,.width-inner{max-width:98%} #accord{margin-bottom:40px} .recent-projects{text-align:center} #RecentNew .owl-dots,.recent-projects .owl-dots{position:relative;bottom:0;width:100%;left:0;right:0;margin:30px auto 0;text-align:center}} @media screen and (max-width:480px){.iconsearch-label span,.bmcarousel .wpbtn span{display:none} .headblog img{margin-top:-3px} .slider-item{height:310px} .slider-item h3.recent-title{line-height:1.5 text-shadow:0 2px 6px rgba(0,0,0,0.6); } p.bm01{font-size:.9rem;line-height:1.4rem} #need h3{font-size:35px} #RecentNew h3,#accord h3,.boxwrap-text h3,.recent-boxes h3,.solution h2.mb,.recent-projects h3,.slider-item h3.recent-title,div#searchcontainer form input[type=text]{font-size:1.5rem} .boxwrap-number h4,.experience h2{font-size:45px} .experience .experience-text h3{font-size:25px} .experience .experience-text{padding-left:75px} .experience h2{top:37px} .experience i{top:37px;font-size:37px} h2.bm01,#between h3{font-size:1.6rem} .slider-item .bm-content{padding-top:6rem} .thm-btn{padding:.8rem 1.8rem} .bmcarousel .wpbtn{padding:10px 0 80px} #sticky-wrap.stickyhead .headblog img{margin-top:10px} .boxwrap-number{float:left;width:100%;margin-right:0;margin-bottom:20px} .tabs .content section{padding:30px 20px} .content-right>ul>li{display:block;width:100%;text-align:left;padding:0;margin-bottom:20px;-webkit-box-flex:initial;flex:auto} .related-post-style-2 a.related-post-item-title{line-height:1.2em;font-size:100%!important;margin:0 0 5px} .related-post-style-3 .related-post-item-thumbnail{height:75px} .related-post-style-3 a.related-post-item-title{line-height:1.2em;font-size:95%!important;margin:0 auto 9px} .related-post .related-post-item-summary,.related-post-style-3 span{font-size:90%} .post-footer{text-align:center} .post-footer .post-labels{margin:15px auto;float:none} .post-share{margin:0 auto;float:none} .post-share .share-links li{display:inline-block;margin:0}} @media screen and (max-width:414px){.is-search-default .wrapsearch{padding-top:5px} .headblog{width:auto}} @media screen and (max-width:360px){.wpbtn a.btn-wite{padding:10px 20px} .js-modal-video,.js-modal-video .overlay-box span{display:inline-block;height:47px;width:47px;line-height:47px;text-align:center}} @media screen and (max-width:320px){.related-post-style-1 li a{line-height:1.2em} .related-post-style-3{margin:0 auto!important} .related-post-style-3 li{margin:0 auto 20px!important;padding:0;width:100%;float:none} .related-post-style-3 li img{display:flex;align-items:center} .related-post-style-3 .related-post-item-thumbnail{height:auto;margin:0 auto 8px} .related-post-style-3 a.related-post-item-title{line-height:1.3em;font-size:100%!important}} /*=================================================== Türk Blog Yardımcısı Mouse Seçim Alanı Kod Eklemesi ====================================================*/ ::-moz-selection { background: #F62817; color: #FFFFFF; } ::selection { background: #0057b8; color: #FFF; @media (max-width: 768px){ body{ font-size:14px; } .slider-item{ height:350px; } .slider-item .bm-content{ width:90%; padding-top:5rem; } .banner-inner-wrapper{ padding-top:10rem; } h1,h2{ font-size:1.6rem; } .item-post .post-body{ font-size:15px; } } .slider-item .thm-btn{ position:absolute; bottom:40px; left:50%; transform:translateX(-50%); z-index:20; } /* === Slider Title Improvements === */ .slider-item .recent-title, .slider-item .recent-title a{ text-transform: uppercase !important; font-size: 1.8rem !important; /* slightly smaller */ color: #336699 !important; /* site blue */ white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block; max-width: 90%; margin: 0 auto; } /* === Slider Description Improvements === */ .slider-item .slider-excerpt{ font-size: 1rem !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 80%; margin: 10px auto; display:block; } /* === Slider Title Gradient Background & Modern Button Style === */ .slider-item .recent-title, .slider-item .recent-title a{ background: linear-gradient(90deg, rgba(0,87,184,0.9), rgba(0,51,102,0.9)); color:#ffffff !important; padding:0.4rem 1.2rem; border-radius:999px; display:inline-block; max-width:90%; } .slider-item .bm-content{ position:relative; z-index:15; text-align:center; } /* Modern pill-shaped button at bottom */ .slider-item .thm-btn{ border-radius:999px !important; padding:0.9rem 2.8rem !important; box-shadow:0 12px 30px rgba(0,0,0,0.28); font-size:0.95rem !important; letter-spacing:0.08em; transform:translateX(-50%); transition:all .25s ease; } .slider-item .thm-btn:hover{ transform:translateX(-50%) translateY(-3px); box-shadow:0 18px 40px rgba(0,0,0,0.35); opacity:0.96; } /* === FINAL OVERRIDES FOR SLIDER TITLE & EXCERPT === */ .bmcarousel .slider-item .bm-content h3.recent-title, .bmcarousel .slider-item .bm-content h3.recent-title a{ text-transform: uppercase !important; font-size: 1.4rem !important; background: linear-gradient(90deg, rgba(0,87,184,0.92), rgba(0,51,102,0.92)) !important; color:#ffffff !important; padding:0.35rem 1.4rem !important; border-radius:999px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display:inline-block !important; max-width:80% !important; margin:0 auto !important; } .bmcarousel .slider-item .bm-content .slider-excerpt{ font-size:0.95rem !important; color:#f4f4f4 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width:70% !important; margin:12px auto 0 !important; display:block !important; } /* === OVERRIDE: allow title to wrap to 2 lines === */ .bmcarousel .slider-item .bm-content h3.recent-title, .bmcarousel .slider-item .bm-content h3.recent-title a{ white-space:normal !important; overflow:visible !important; text-overflow:clip !important; } /* === Title 2-line clamp === */ .bmcarousel .slider-item .bm-content h3.recent-title a{ display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:normal !important; } /* === Capitalize Title === */ .bmcarousel .slider-item .bm-content h3.recent-title a{ text-transform:capitalize !important; } /* === Modernized 4-content area cards === */ .box00.padding .customer-parnert{ display:flex; flex-wrap:wrap; justify-content:center; gap:20px; white-space:normal; } .box00.padding .customer-parnert .brand-box{ flex:0 1 calc(25% - 20px); max-width:260px; background:rgba(10,37,64,0.96); border-radius:18px; padding:10px; margin:0; box-shadow:0 10px 30px rgba(0,0,0,0.25); overflow:hidden; position:relative; transition:transform .25s ease, box-shadow .25s ease, background .25s ease; } .box00.padding .customer-parnert .brand-box img{ width:100%; height:auto; display:block; border-radius:14px; } /* hover effect */ .box00.padding .customer-parnert .brand-box:hover{ transform:translateY(-6px); box-shadow:0 16px 40px rgba(0,0,0,0.32); background:rgba(0,87,184,0.95); } /* responsive: 2 columns on tablet, 1 column on mobile */ @media (max-width: 991px){ .box00.padding .customer-parnert .brand-box{ flex:0 1 calc(50% - 16px); } } @media (max-width: 600px){ .box00.padding .customer-parnert{ gap:16px; } .box00.padding .customer-parnert .brand-box{ flex:0 1 100%; max-width:100%; } } /* === Modern grid for 4 content boxes === */ .box00.padding .customer-parnert{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; align-items:stretch !important; gap:20px !important; white-space:normal !important; } .box00.padding .customer-parnert .brand-box{ flex:0 1 calc(25% - 20px) !important; max-width:260px !important; background:rgba(10,37,64,0.96) !important; border-radius:18px !important; padding:10px !important; margin:0 !important; box-shadow:0 10px 30px rgba(0,0,0,0.25) !important; overflow:hidden !important; position:relative !important; transition:transform .25s ease, box-shadow .25s ease, background .25s ease !important; } .box00.padding .customer-parnert .brand-box img{ width:100% !important; height:auto !important; display:block !important; border-radius:14px !important; } .box00.padding .customer-parnert .brand-box:hover{ transform:translateY(-6px) !important; box-shadow:0 16px 40px rgba(0,0,0,0.32) !important; background:rgba(0,87,184,0.95) !important; } @media (max-width: 991px){ .box00.padding .customer-parnert .brand-box{ flex:0 1 calc(50% - 16px) !important; max-width:100% !important; } } @media (max-width: 600px){ .box00.padding .customer-parnert{ gap:16px !important; } .box00.padding .customer-parnert .brand-box{ flex:0 1 100% !important; max-width:100% !important; } } /* === Modern card look for 'İçerik Alanı Üst' (recent-projects area) === */ .recent-projects .main-carousel .carousel-item{ background:#ffffff !important; border-radius:16px !important; box-shadow:0 16px 40px rgba(0,0,0,0.14) !important; overflow:hidden !important; margin:18px 14px !important; } .recent-projects .carousel-img, .recent-projects .carousel-item .box-image{ height:190px !important; margin-top:0 !important; border-radius:16px 16px 0 0 !important; } .recent-projects .carousel-item .carousel-content{ position:relative !important; bottom:auto !important; left:auto !important; right:auto !important; width:100% !important; margin:0 !important; padding:16px 18px 18px !important; box-shadow:none !important; background:#ffffff !important; } .recent-projects .carousel-item .carousel-content h2.recent-title{ font-size:1rem !important; line-height:1.6rem !important; margin:0 0 6px 0 !important; } .recent-projects .carousel-item .carousel-content h2.recent-title a{ color:#0a2540 !important; } .recent-projects .carousel-item .carousel-content span{ display:inline-block !important; font-size:0.8rem !important; color:#777 !important; } .recent-projects .carousel-item .carousel-content span:not(:first-child){ border-left:1px solid #e3e3e3 !important; padding-left:10px !important; margin-left:8px !important; } .recent-projects .carousel-item:hover{ transform:translateY(-6px) !important; box-shadow:0 22px 55px rgba(0,0,0,0.22) !important; } /* === Modern card layout for 'recent-boxes' 8-post area === */ .recent-boxes .main-carousel .carousel-item{ background:#ffffff !important; border-radius:16px !important; box-shadow:0 16px 40px rgba(0,0,0,0.14) !important; overflow:hidden !important; margin:18px 14px !important; } .recent-boxes .carousel-img, .recent-boxes .carousel-item .box-image{ height:190px !important; margin-top:0 !important; border-radius:16px 16px 0 0 !important; } .recent-boxes .carousel-item .carousel-content{ position:relative !important; bottom:auto !important; left:auto !important; right:auto !important; width:100% !important; margin:0 !important; padding:16px 18px 18px !important; box-shadow:none !important; background:#ffffff !important; } .recent-boxes .carousel-item .carousel-content h2.recent-title{ font-size:1rem !important; line-height:1.6rem !important; margin:0 0 6px 0 !important; } .recent-boxes .carousel-item .carousel-content h2.recent-title a{ color:#0a2540 !important; } .recent-boxes .carousel-item .carousel-content span{ display:inline-block !important; font-size:0.8rem !important; color:#777 !important; } .recent-boxes .carousel-item .carousel-content span:not(:first-child){ border-left:1px solid #e3e3e3 !important; padding-left:10px !important; margin-left:8px !important; } .recent-boxes .carousel-item:hover{ transform:translateY(-6px) !important; box-shadow:0 22px 55px rgba(0,0,0,0.22) !important; } /* === METKANSE ÖZEL DÜZENLEMELER: GRID + SLIDER + BAŞLIKLAR === */ /* Modern Grid: content-multisite alanı */ .content-multisite{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:24px; margin-top:2.5rem; } /* Eski flex yapısını nötrleştiriyoruz */ .content-post{ padding:0; margin:0; max-width:100%; -webkit-box-flex:initial; -ms-flex:initial; flex:initial; } /* Kart görünümü */ .serv-box{ background:#ffffff; border-radius:18px; overflow:hidden; box-shadow:0 18px 40px rgba(10,37,64,0.08); transition:transform .25s ease, box-shadow .25s ease, background .25s ease; position:relative; } .serv-box::before{ content:""; position:absolute; inset:0; background:linear-gradient(135deg, rgba(0,87,184,0.06), rgba(0,51,102,0.02)); opacity:0; transition:opacity .25s ease; pointer-events:none; } .serv-box:hover{ transform:translateY(-6px); box-shadow:0 22px 50px rgba(10,37,64,0.16); } .serv-box:hover::before{ opacity:1; } /* Kart içi hizalama */ .box-inner{ padding:28px 22px 24px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:0.75rem; } /* İkon */ .box-inner i{ font-size:2.8rem; line-height:1; margin-bottom:0.5rem; color:#0057b8; /* $(main.color) */ } /* Başlık */ .box-inner h3.m0{ font-size:1.1rem; font-weight:600; line-height:1.5; margin:0; } .box-inner h3.m0 a{ color:#0a2540; text-decoration:none; } /* Açıklama metni */ .serv-box p.m0, .serv-box .m0{ font-size:0.93rem; line-height:1.6; color:#4d6d93; } /* Hover’da yazı ve ikon rengi */ .serv-box:hover .box-inner i, .serv-box:hover h3.m0 a{ color:#0057b8; } /* Responsive Grid Ayarları */ @media screen and (max-width: 991px){ .content-multisite{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px; } } @media screen and (max-width: 575px){ .content-multisite{ grid-template-columns:1fr; gap:16px; } } /* === Slider yükseklik ve içerik düzeni === */ /* Genel slider yüksekliğini biraz düşürüyoruz */ .slider-item{ height:60vh; } /* Daha küçük ekranlar için daha da düşür */ @media (min-width: 1200px) and (max-width: 1399px){ .slider-item{ height:56vh; } } @media (min-width: 992px) and (max-width: 1199px){ .slider-item{ height:52vh; } } @media (min-width: 768px) and (max-width: 991px){ .slider-item{ height:48vh; } } @media (max-width: 767px){ .slider-item{ height:42vh; } .slider-item .bm-content{ width:90%; padding-top:5rem; } } /* Slider başlığını yeniden tanımlıyoruz (hata düzeltme + stil) */ .slider-item h3.recent-title{ margin:0; font-size:3.4375rem; color:#fff; font-weight:400; text-shadow:0 2px 6px rgba(0,0,0,0.6); } /* Owl dots mutlaka görünsün */ .owl-dots{ display:block !important; } /* === Başlıkların sadece ilk harfi büyük olsun === */ .slider-item h3.recent-title, .banner-inner-wrapper h2, .recent-boxes h2.recent-title{ text-transform:capitalize; } /* Sidebar / widget alanındaki iletişim formunu gizle */ #sidebar-wrapper #ContactForm1, .footer-widgets #ContactForm1, .sidebar .contact-form-widget{ display:none !important; } ]]>

Önceki İçerik Sonraki İçerik Daha Fazla Tüm İçerikler
™ | Web Tasarım Metkanse

.myButton { box-shadow:inset 0px 1px 0px 0px #ffffff; background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%); background-color:#ffffff; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#666666; font-family:Arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; } .myButton:hover { background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%); background-color:#f6f6f6; } .myButton:active { position:relative; top:1px; } bold italic Size Vertical Size: 6px Horizontal Size: 24px Border Border Radius: 6px Border Size: 1px Box Shadow / inset Vertical Position: 1px Horizontal Position: 0px Blur Radius: 0px Spread Radius: 0px Text Shadow Vertical Position: 1px Horizontal Position: 0px Blur Radius: 0px prefix
    • ]]>
    NONE Hatıra Defteri ! /p/hatira-defteri.html Metkanse ? /p/metkanse.html
    https://i.hizliresim.com/hzh9u6j.png 123 264 true false REPLACE 702

    Google DriveÜcretsiz Paylaşım]]>
    _Tamamlanan Projeler _Referanslarım İLETİŞİM _Komutlar _Programlar _Blogger Temaları PROJE HOBİLER ANASAYFA __Güzel Sözler __Kıssadan Hisseler __Fenerbahçe __İz Bırakanlar _İşletim Sistemleri BİLGİSAYAR _Blogger Şablonları _Aksesuarlar İNTERNET _Blogger İle Tanışın _Blogger Kodları ANDROID _Uygulamalar _Oyunlar _Multimedya _Donanımlar /p/blogger-ile-ilk-adim.html /search/label/İNTERNET /search/label/BLOGGER ŞABLONLARI NONE /search/label/BLOGGER KODLARI /search/label/HOBİLER /search/label/OYUNLAR /search/label/KISSADAN HİSSE /search/label/UYGULAMALAR /search/label/AKSESUARLAR / /search/label/MULTIMEDYA /search/label/ANDROID /search/label/DONANIMLAR /search/label/KOMUTLAR /search/label/İŞLETİM SİSTEMLERİ /search/label/PROGRAMLAR /search/label/FENERBAHÇE /search/label/BİLGİSAYAR /p/guzel-sozler.html /search/label/İZ BIRAKANLAR /p/contact.html /search/label/REFERANSLARIM /search/label/BLOGGER TEMALARI /p/tamamlanan-projeler.html #
    ]]>
    ]]>

    Merhaba, ben Muhammet Volkan KÖSE. İlgi alanlarım içerisinde bulunan konular hakkında edindiğim bilgileri paylaşmak için bir sayfa oluşturdum.

    KISSADAN HİSSE

    Birkaç dakikalık bir anlatım seneler içinde edinilecek dersleri verebiliyor.

    GÜZEL SÖZLER

    Aklınızdan çıkarmamanız gereken güzel sözlerden derlemeler.

    İZ BIRAKANLAR

    Tarihte iz bırakan insanlar hakkında hayrete düşüşerek garip bilgiler.

    MÜZİKLER

    Dalıp uzaklara götüren besteler, şarkılar ve şiirlerden en beğendiklerim.

    ]]>
    ]]>
    ]]>

    İşletim sistemi yüklü olmayan bilgisayarlar için multibot oluşturma, format atma ve işe yarar format sonrası programlar ile dos komutları hakkında edindiğim bilgileri ziyaretçilerimle paylaşıyorum.

    İŞLETİM SİSTEMLERİ

    Bilgisayar için Windows, Linux, Android, Mac .iso dosyaları...

    PROGRAMLAR

    Her bilgisayarda yüklü olması gereken programlar.

    KOMUTLAR

    Regedit ve dos komutlarına ilişkin pratik ipuçları.

    DONANIMLAR

    Bilgisayar bileşenleri hakkında genel bilgiler.

    ]]>
    ]]>
    ]]>

    Android cihazlar konusunda herkesin işine yarar uygulamalar ve cihaz kurtarma işlemlerine hobi ile başlayıp ileri seviyelere getirdiğim bilgilerimi satır satır paylaşıyorum :)

    UYGULAMALAR

    Android cihazlar için full sürüm uygulamalar.

    OYUNLAR

    Android cihazlar için full sürüm oyunlar.

    MULTIMEDYA

    Tema, Zil Sesi ve Duvar Kağıdı. Kendi paylaşımlarım.

    AKSESUARLAR

    Telefonlarımız için ne tür aksesuar ararız.

    ]]>
    ]]>
    ]]>

    Blogger, Google'ın ücretsiz bir platformudur ve sadece birkaç adımda kendi web sitenizi oluşturmanıza yardımcı olabilir. Blogger ile nasıl bir web sitesi oluşturabileceğinize dair temel konularda yardımcı olacağım.

    BLOGGER İLE TANIŞIN

    Bir blog sitesi kurmak için yapılması gerekenler...

    BLOGGER KODLARI

    Blog sayfanız için etkili web kodlamaları ve modülleri...

    BLOGGER ŞABLONLARI

    İhtiyacınızı karşılayacak ücretsiz blogger şablonları...

    BLOGGER TEMALAR

    Revize ettiğim blogger temaları ve kurulumu...

    ]]>
    ]]>

    GOOGLE DRIVE

    Metkanse Google Drive Profilim...

    YEREL REHBER

    Google Yerel Rehber Profilim...

    METKANSE

    Metkanse Kimdir? Nedir? Ne Değildir...

    TURİZM

    Yazacağınız içeriği uzun yıllar sonra beraber okumak dileğiyle...

    ]]>
    ]]>
    Artvin'de Yapmadan Gitmeyin?
    Şehrimizde yapmanızı tavsiye edeceğimiz etkinlikler
    Artvin'de Yapmadan Gitmeyin?
    Şehrimizde yapmanızı tavsiye edeceğimiz etkinlikler
    Artvin'de Yapmadan Gitmeyin?
    Şehrimizde yapmanızı tavsiye edeceğimiz etkinlikler
    Artvin'de Yapmadan Gitmeyin?
    Şehrimizde yapmanızı tavsiye edeceğimiz etkinlikler
    Artvin'de Yapmadan Gitmeyin?
    Şehrimizde yapmanızı tavsiye edeceğimiz etkinlikler
    ]]>
    Muhammet Volkan KÖSE

    GOOGLE HESABI AÇMA

    Blog sayfası oluşturmanın ilk yolu bir google hesabı oluşturmaktır. Detaylar İçin Tıklayın...

    ★★★★★
    Muhammet Volkan KÖSE

    BLOGGER HESABI AÇMA

    Bir google hesabımız var ve bu hesap ile Blog hesabına kaydoluyoruz. Detaylar İçin Tıklayın...

    ★★★★★
    Muhammet Volkan KÖSE

    PROFİL HESABI İLİŞKİLENDİRME

    Google ve Blog isimlerinin özgün ve kısa olması en belirleyici etken. Detaylar İçin Tıklayın...

    ★★★★★
    Muhammet Volkan KÖSE

    BLOGGER İLE İLK KURULUM

    Blogger'dan oluşturacağımız sayfa adı ile sitemizi yayına hazır edelim. Detaylar İçin Tıklayın...

    ★★★★★
    Muhammet Volkan KÖSE

    ÜCRETSİZ ALAN

    Alan adı ve hostingten bağımsız tamamen ücretsiz web site Blogger ile geliyor. Detaylar İçin Tıklayın...

    ★★★★★
    Muhammet Volkan KÖSE

    DAHA PROFESYONEL OLMAK

    .com .net .tr uzantılı alan adını blogger sayfamıza bağlayalım. Detaylar İçin Tıklayın...

    ★★★★★
    Muhammet Volkan KÖSE

    BASİT Mİ? GELİŞMİŞ Mİ?

    Blogger bize belli şablonları ücretsiz veriyor. Ya ücretli temalar nasıl oluyor? Detaylar İçin Tıklayın...

    ★★★★★
    Muhammet Volkan KÖSE

    METKANSE'DEN TAVSİYELER

    Blog sayfanız için sayfama eklediğim temaları inceleyebilirsiniz. Detaylar İçin Tıklayın...

    ★★★★★
    ]]>
    false Yorumlar #ffffff true yazar: true #ffffff true #ffffff TextAndImage #ffffff true 1x1 true false Tags true 1 false #ffffff true false

    Disabled

    Disabled Disabled
    Disabled
    Enable
    "image": { "@type": "ImageObject", "url": "", "height": 630, "width": 1200 "url": "https://blogger.googleusercontent.com/img/a/AVvXsEhDNC9K9GylxPDwAwKrUAznBovJLQYlp6x0l_ZqacVcNYLDyC41ZDhpgxmw0a8KVS7JkwOLKWwF9mZ2OTcmEgyF1lq-FjB-YvMYGpwZxk1CT0EvVH_8ZMp6RRflDzwA393gtYaZlMg5zGxEtV4GcKnELiGwg7oTiKfePDJoWWO4fx2nmmLTCEj-MXNqsoIK=s795", "height": 348, "width": 1200 }, "publisher": { "@type": "Organization", "name": "Blogger", "logo": { "@type": "ImageObject", "url": "https://blogger.googleusercontent.com/img/a/AVvXsEhDNC9K9GylxPDwAwKrUAznBovJLQYlp6x0l_ZqacVcNYLDyC41ZDhpgxmw0a8KVS7JkwOLKWwF9mZ2OTcmEgyF1lq-FjB-YvMYGpwZxk1CT0EvVH_8ZMp6RRflDzwA393gtYaZlMg5zGxEtV4GcKnELiGwg7oTiKfePDJoWWO4fx2nmmLTCEj-MXNqsoIK=s795", "width": 206, "height": 60 } },
    advertise]]>
    advertise]]>
    advertise]]>
    advertise]]>
    ]]>
    Adres Artvin 08000
    E-Posta metkanse@gmail.com
    Telefon +90 542 638 5267
    Whatsapp +90 542 638 5267
    ]]>
    Web Sayfası Kurulum ve Grafik Tasarım alanında geliştirici rol üstlenmekle beraber kişisel blog amacıyla faaliyet göstermektedir. Herhangi bir ticari amaç gütmemekle beraber fenomen olma niyetine girmez!

    ]]>